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

Question

我有一个选择列表。

它具有我想要覆盖的默认蓝色。 我想在:hover 上定义自定义颜色，选择 并单击（:focus 和:active。）。

我正在使用 引导程序。 我尝试了一些代码，但它不起作用。

例如，我想将蓝色变为某种绿色。如果选择框以该颜色打开突出显示，则应该相同。

这是我的JSFiddle

这是我遇到的问题：

请指导我。

Answer 1

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

例如：

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