HTML选择选项多次更改选中的项目灰色背景时，不在焦点上

HTML select option multiple - change selected items gray background when not on focus

本文关键字：背景 灰色 焦点 项目 选项 选择 HTML      更新时间：2023-09-26

我有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%); }

相关文章：