我有HTML选择框与多个选择。当我选择项目/s并失去对控件的关注时-所选项目的背景颜色是灰色的,我想将其更改为其他颜色。我可以改变所选项目的背景,但它只在选择框聚焦时起作用,我的目标是在不聚焦时改变颜色。下面是JSFiddle中的一个例子-注意默认的灰色背景:
[1]: http://jsfiddle.net/w76gLox5/
我更新了你的提琴-这并不适用于每个浏览器:
http://jsfiddle.net/w76gLox5/1/select option:checked,
select option:hover {
background-color: green;
}
这也是
的副本CSS:selected伪类类似于:checked,但为
背景也可以使用线性渐变属性
select option:checked{
background: #1aab8e -webkit-linear-gradient(bottom, #1aab8e 0%, #1aab8e 100%);
}