html - Mozilla firefox 中禁用的 html 按钮不显示工具提示

Question

Mozilla Firefox 不会显示禁用控件的工具提示。还有另一种显示方式吗？

我更喜欢不使用 javascript 的解决方案。

我能找到一个简单的方法是改变css样式是

button,
input
{
    position: relative;
    width: 200px;
}

button[disabled]:hover:before,
input[disabled]:hover:before
{
    position: absolute;
    top: 10px;
    left: 10px;
    content: attr(title);
    background-color: #ffffe1;
    color: #000;
    line-height: 10pt;
    font-size: 8pt;         
    border: 1px solid #000;
    z-index:10000;
    padding:2px;
}

这在按钮元素的情况下工作正常，但不适用于输入类型按钮控件/元素。

Answer 1

尝试使用 javascript 工具提示添加动态 html 工具提示。然后你就不需要依赖不同的浏览器如何为禁用的 html 元素呈现工具提示。