问题样式选择字段中的选项

Question

我有一个选择框，其中每个选项的背景都具有特定颜色是非常重要的。问题在于选择框被点击，选定的选项显示为蓝色（与选定的文本颜色相同）。

我试过使用很多选择器（：active，：focus，:: selection，[selected]），我无法找到改变这种行为的方式。任何想法？

我想这可以用js来完成，但是必须有一个CSS选择器可以工作，对吗？

Answer 1

不幸的是，没有，没有一个动态的CSS伪类选择，这取决于option选择了改变。 option[selected]只匹配option s中的selected属性，由标记定义。

Answer 2

据我所知，CSS无法帮助你。如果这对你来说“非常重要”，我认为你唯一的选择是将<select>换成JavaScript。

这些那些好看：

http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/