隐藏默认的标题提示

Question

我们可以看到上面的图片，在“创建”按钮，悬停，两名提示来了。这里我不想要默认工具提示（下面的小提示）。

我想只显示我的自定义工具提示

我的代码：

<style> 
 
button[title]:hover:before { 
 
    content: attr(title); 
 
    padding: 2px 2px; 
 
    color: #333; 
 
    position: absolute; 
 
    left: 100px; 
 
    top: 320px; 
 
    z-index: 20; 
 
    white-space: nowrap; 
 
    -moz-border-radius: 2px; 
 
    -webkit-border-radius: 2px; 
 
    border-radius: 2px; 
 
    -moz-box-shadow: 0px 0px 4px #222; 
 
    -webkit-box-shadow: 0px 0px 4px #222; 
 
    box-shadow: 0px 0px 4px #222; 
 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); 
 
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc); 
 
} 
 
    </style> 
 

 
<button onclick="setActionAndSubmit('id_form_workitem_create', 'create');" title="please fill all mandatory fields"> 
 
\t \t \t \t \t \t \t \t \t \t Create 
 
</button>

请帮帮忙，谢谢提前

Answer 1

你想要的取出来自你的标题属性 - 如果你删除它属性会摆脱它，但是您必须更改您的选择器并对您的内容进行硬编码，因为这两者都依赖于那里的标题。

Answer 2

显示的小工具提示正在显示，因为您在DOM节点中设置了title属性。在下面的JSFiddle中，提出的解决方案是更改在按钮和CSS中保存工具提示内容的属性。

JSFiddle