Firefox不会在禁用的输入字段上显示工具提示

Question

Firefox不会在禁用的字段上显示工具提示.

以下显示除Firefox之外的IE/Chrome/Safari中的工具提示:

<input type="text" disabled="disabled" title="tooltip text."/>

为什么Firefox在禁用的字段上显示工具提示？有没有解决这个问题？

Answer 1

似乎是一个(非常古老,非常放弃)的错误.见Mozilla Bugs #274626 #436770

我想这也可以解释为预期的行为.

我想到的一个可怕的解决方法是将按钮与带有title属性的不可见div重叠使用z-index; 另一个以某种方式重新激活按钮'onmouseover',但巧妙地拦截并删除click该按钮上的任何事件.

Answer 2

我猜你正在使用像bootstrap这样的框架.如果是这样,它会添加pointer-events: none到'disabled'元素,因此忽略所有鼠标事件.

.btn[disabled] {
  pointer-events: auto !important;
}

可以解决问题.