问题样式选择字段中的选项[已选择]

Question

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

我尝试过使用很多选择器（：active，：focus，:: selection，[selected]），我找不到改变这种行为的方法。有什么想法吗？

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

Answer 1

不幸的是，不，没有动态CSS伪类根据选择的option来更改选择。 option[selected]仅匹配option具有标记定义的selected属性的任何人。

Answer 2

据我所知，CSS无法帮助你解决这个问题。如果这对您来说“非常重要”，我认为您唯一的选择是用JavaScript替换<select>。

这些看起来不错：

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