工具提示不显示Mozilla Firefox中的禁用HTML按钮

问题描述:

Mozilla Firefox不会显示禁用控件的工具提示。有另一种方式来显示它们吗?工具提示不显示Mozilla Firefox中的禁用HTML按钮

我更喜欢没有使用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; 
} 

此作品在按钮元素的情况下罚款,但对于输入型按钮控制/元素不起作用。

+0

类似:http://*.com/questions/2034820/firefox-does-not-show-tooltips-on-disabled-input-fields – manji 2011-04-15 16:25:57

尝试使用javascript工具提示添加动态html工具提示。那么你不会'需要依靠不同的浏览器呈现禁用HTML元素的工具提示。

+1

`code` \t //要显示在Firefox禁用的按钮工具提示浏览器。 \t $(窗口).load(函数(){ \t \t如果($ .browser.mozilla){ \t \t \t $( “输入”)。每个(函数(){ \t \t \t \t如果(( this.type == “按钮” || this.type == “提交”)&& this.disabled){ \t \t \t \t \t变种wrapperSpan = $( “”); \t \t \t \t \t wrapperSpan .css({position:“relative”}); \t \t \t \t \t $(本).wrap(wrapperSpan); \t \t \t \t \t var span = $(“”); \t \t \t \t \t span.attr({ \t \t \t \t \t \t “标题”:this.title, \t \t \t \t \t \t “类”: “DisabledButtonToolTipSpan” \t \t \t \t \t}); \t \t \t \t \t $(本).parent()追加(跨度)。 \t \t \t \t} \t \t \t}); \t \t} \t}); – 2011-05-26 15:01:06