html - 如何更改选择列表中的默认蓝色

Question

我有一个选择列表。

它具有我想要覆盖的默认蓝色。我想在 :hover、selection 和 clicked(:focus 和 :active)上定义自定义颜色。

我正在使用 bootstrap。我已经尝试了一些代码，但它不起作用。

例如，我想将蓝色更改为绿色。如果选择框是打开的，它应该是相同的，突出显示该颜色。

这是我的 JSFiddle

这是我遇到的问题:

请指导我。

Answer 1

玩弄伪元素。您需要创建一个类 .yourdrodown ul li:active, :focus 和 :hover 并设置背景颜色。

例如:

.yourdropdown ul li:active, .yourdropdown ul li:hover, .yourdropdown ul li:focus {
    background-color: green;
}