2011-04-15 105 views
1

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://stackoverflow.com/questions/2034820/firefox-does-not-show-tooltips-on-disabled-input-fields – manji 2011-04-15 16:25:57

回答

2

嘗試使用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