更改<选择多个>中所选选项的颜色[重复]

2024-04-14

我遇到这个问题,我需要在单击/选择时更改一个/多个选项元素的颜色。单击时默认颜色为蓝色,我相信我们现在应该有一个解决方案,因为我尝试搜索解决方案但无济于事。希望在 CSS 或 vanilla JS 中做到这一点。没有库或框架。

链接到示例代码 https://www.w3schools.com/code/tryit.asp?filename=FRUJC0SJJ7LH


select[multiple]:focus option:checked {
  background: red linear-gradient(0deg, red 0%, red 100%);
}
<select multiple>
  <option value="1">one</option>
  <option value="2" selected>two</option>
  <option value="3">three</option>
</select>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更改<选择多个>中所选选项的颜色[重复] 的相关文章