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

【问题标题】：Problem styling Option[selected] in a select field选择字段中的问题样式选项 [已选择]
【发布时间】：2011-06-10 13:14:15
【问题描述】：

我有一个选择框，其中每个选项的背景具有特定颜色非常重要。问题是选择框被点击，选中的选项显示为蓝色（和选中的文字颜色一样）。

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

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

【问题讨论】：

【解决方案1】：

不幸的是，不，没有动态 CSS 伪类可以根据选择的 option 更改选择。 option[selected] 只匹配具有selected 属性的options由标记定义。

【讨论】：

【解决方案2】：

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

这些看起来不错：

【讨论】：