HTML <select> <option> 如何设置点击/选择颜色？答案

【问题标题】：HTML <select> <option> How to set up click/selected color?HTML <select> <option> 如何设置点击/选择颜色？
【发布时间】：2021-04-27 17:26:09
【问题描述】：

你好，很棒的人。我有一个问题，它可能只与firefox有关，但是，当焦点在对象时。

目的是在

CSS

.select_style{
   background-color: #555;
}
.select_style option{
  background-color: #ccc;
}
.select_style option:hover{
  background-color: #0f0;
}

HTML

<select class="select_style" size='3' multiple='multiple'>
  <option value="">Please choose</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

【问题讨论】：

你想点击一个option并给它一个颜色，当你在这个select之外点击时，选项的颜色应该被保留。那么？
@s.kuznetsov 我编辑了帖子，所以现在可能更清楚我想要完成什么。
stackoverflow.com/questions/10484053/…你可以试试这个。
@SatyabhamaReddy 谢谢。那里的大多数答案都不起作用，但我通过实验发现了一个可以从中派生出的工作。

标签： html css select highlight option

【解决方案1】：

这成功了，记住代码使用了一个“选择框”。

CSS

option:checked{
    background: #00ff00 !important;
    box-shadow: 0 0 10px 100px #00ff00 inset;
}

【讨论】：

但如果有人有更好的解决方案，请随时纠正我的问题