jQuery：如何更改所選選項的顏色？

Question

我有一個選擇列表這在HTML看起來像這樣：

<select id="language-list"> 
        <option value="English">English</option> 
        <option value="German">German</option> 
        <option value="French">French</option> 
</select> 

使用jQuery我想實現，只有當前選擇的選項出現一個紅色的顏色。當您點擊選擇列表查看其他選項時，其他選項應保持其原始顏色。

我當前的jQuery代碼看起來像這樣：

$('#language-list').css('color', 'red'); 

如何實現，只有當前選定的選項得到了紅色？

Answer 1

使用:selected僞選擇：

$('#language-list').find(":selected").css('color', 'red'); 

試試：http://jsfiddle.net/RZzNA/

文檔

• jQuery的:selected - http://api.jquery.com/selected-selector/

Answer 2

試試這個

$('#language-list option:selected').css('color', 'red');

Answer 3

試試這個：

$("#language-list option:selected").css('color', 'red'); 

Answer 4

你也可以試試這個：

$("#language-list option:selected").text().css("background-color", "blue"); 

Answer 5

請試試這個： - $（「＃語言列表選項：selected「）。css（」color「，」red「）;