在选择框中更改所选选项的背景颜色

我必须创建一个像这样的选择框。我已经能够使用optgroup获得这个树结构，但是我在将所选选项的默认背景颜色从默认颜色更改为此橙色时遇到问题。我知道js解决方案，但我更喜欢纯粹的HTML/CSS解决方案。它会更好，如果它会在每个浏览器工作，但没有压力;）

在此先感谢。

2011-02-23 sv_in

这是不可能的与HTML/CSS做到这一点。选择元素的颜色是操作系统特定的，因此不能用CSS或HTML进行更改。 Javascript解决方案已经开发出来了，它们是目前唯一的方法:)

2011-02-23 10:16:55 Kyle

+1。 ^^^^^那。 – 2011-02-23 10:27:06

在Firefox中，您可以使用css background-image属性和：checked CSS伪类选择器来实现它。

option:checked, option:hover { 
    color: white; 
    background: #488f8f repeat url("mycolor.gif"); 
}

你可以找到一个css demo用不同的颜色在我的网站www.speich.net

2014-01-23 16:08:34 Simon

这似乎只适用于具有'multiple'属性的'select'元素。 – John 2018-01-21 12:57:14

回答