HTML <select> <option> 如何设置click/selected 颜色？

Question

大家好。我有一个问题，它可能只与 firefox 有关，但是，当焦点在 内和焦点外时，如何更改 selected 的颜色？我不是说 :hover 工作正常我说的是当你点击一个 然后当你点击 对象时。

目的是在 处于焦点或不处于焦点时更改 selected 的 background-color/color。在 Firefox 中，它在 windows 系统 blue/white 中显示为虚线轮廓，在 Chrome 中显示为灯 b blue/white 聚焦和 white/grey 失焦。 .我不要那个

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>

这成功了，记住代码使用的是一个“selectbox”

，其属性为 multiple，它不像普通的“下拉列表”.

CSS

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

©2023 WhoseBug

Answer 1

这成功了，记住代码使用的是一个“selectbox”