选择选项时，将删除选项的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不会对我有所帮助

=＆GT;选中时如何使选项保持黄色？

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

Answer 1

不幸的是，您所看到的是浏览器的默认窗口小部件行为，它没有CSS覆盖。您可以选择一些选项 - 或许类似Taming the select的内容会有所帮助吗？

Answer 2

同意安德鲁。但是，您可能会想到的另一件事是，当您更改表单元素的样式时，可用性会降低。如果您的意思是表示表单的更改部分，您可以只突出显示选择周围的框。

Answer 3

如果你想选择样式框，我建议用JQuery Flexbox（demo）替换它们。如果不是，它们将以不同的方式呈现在浏览器和放大器之间。平台。