jquery - 选择选项时删除选项的 css 类

Question

<select class="FunctieSelect">
<option class="yellow" value="-1">- kies -</option>
<option class="yellow" value="1">KSZ functie</option>
<option class="yellow" value="2">Bakker</option>
<option class="yellow" value="3">Schilder</option>
<option class="yellow" value="4">Andere</option>
</select>

与

.yellow
{
    background-color: Yellow;
}

产生以下输出:

alt text http://thomasstock.net/selectCss.JPG

实际上，只有一个选项会有黄色背景，所以在选择上设置 css 对我没有帮助

=> 如何让选项在选中时保持黄色？

我知道一个可能的解决方案是使用 jquery 来创建一个“更改”事件，检查选择了哪个选项的更改事件，然后设置选择的 css。但我想知道是否有更简单的解决方案。

Answer 1

不幸的是，您看到的是没有 CSS 覆盖的浏览器默认小部件行为。您可以使用一些选项 - 可能类似于 Taming the select会有帮助吗？