css - select - 如何更改所选选项背景的颜色？

Question

注意：问题不是关于如何更改所选选项的背景颜色。

当我打开一个选择下拉菜单时，当前选择的选项有不同的颜色，当我用鼠标悬停时，这种颜色会跳转到我悬停的其他选项

有没有办法改变当前悬停选项的背景颜色？

注意：添加background-color: white;状态hover似乎没有效果。

查看当前的 css

并处于悬停状态

标签： css

Answer 1

如果你的意思是颜色BLUE HIGHLIGHT，那么它不能被 CSS 改变。因为它来自浏览器。您可以使用libraries或ul>li

请看下面，你至少可以做什么。我希望这能帮到您。

select option:checked {
    background: yellow;
    color: green;
}

<select>
  <option>
    I wanted to be happy
  </option>
  <option>
    I wanted money
  </option>
  <option>
    I wanted money
  </option>
  <option>
    I wanted money
  </option>
</select>