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“）;