如何獲取禁用的文本選項來改變IE9中的顏色？

在IE9以外，它的顏色禁用選項的文字爲紅色這段代碼所有主流瀏覽器：如何獲取禁用的文本選項來改變IE9中的顏色？

<option disabled='disabled' class='red' value=''>No Students available to take up Assessment</option> 

... 
//CSS 
.red{ 
color:red; 
}

但在IE瀏覽器，它不改變文字顏色，它保持它灰色的禁用顏色。我如何在IE9中獲得禁用的顏色更改？

來源

2013-02-03 user1723760

我發現它不能僅通過CSS來實現，需要IE9在JavaScript解決方法以及 – user1723760

-2

是這樣的？

select :disabled.red { 
    color: red; 
}

這是來自Microsoft的document about the :disabled pseudo-class。

這裏有一個fiddle that should work in IE9 and up。

更新：這似乎只能在IE> 8的工作。 This answer指出了在表單元素上使用readonly屬性的解決方法。這不是選項標籤的選項。

有JavaScript的解決辦法周邊老的IE。一個簡單的Google搜索引導我到this site，它提供了一個jQuery解決方案。

從the blog：

加入少許CSS樣式魔術和你結束了在所有其他現代瀏覽器相同的結果。

然後，您可以啓用和禁用使用JavaScript。很多人都編寫的代碼，這使得選項看起來像它的關閉，等待選項元素上的點擊，然後bluring它或聚焦下一個 /以前選擇的選項，使其像它的禁用。

我已經想出了jQuery使用的功能，通過將其轉換爲optgroup並返回，禁用/啓用選擇選項。它在Firefox 2 & 3，野生3測試，即6 + 7，並且它在Opera 9 工作（雖然opgroups跳到底部）

來源

2013-02-03 03:17:56 thordarson

我試過'.red：禁用{顏色：紅色;}'，但沒有工作，原因我不能使用'選項：禁用{0} {0} {0} {0}顏色：紅色; }'是因爲我不希望所有禁用的選項是紅色 – user1723760

我實際使用IE9 – user1723760

@ user1723760我已經更新的代碼只有顏色.red選項 – thordarson

在CSS也許使用屬性選擇？

option:disabled, 
option[disabled] { 
    color: red; 
}

來源

2013-02-03 03:34:58

我不希望所有禁用的選項是紅色的，所以我會嘗試你的代碼，但與.red – user1723760

那好吧，代碼更新替換選項。但我試圖指出的部分仍然是一樣的。使用'[disabled]'而不是'：disabled' –

。紅色[禁用]和選項[禁用]都沒有工作 – user1723760

如何獲取禁用的文本選項來改變IE9中的顏色？

回答

相關問題