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

Question

我有一个选择列表。

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

我正在使用 bootstrap 。 我尝试了一些代码，但它没有用。

我想将那种蓝色改成一些绿色，例如。如果选择框是用该颜色打开高亮显示它应该是相同的。

这是我的JSFiddle

下面＆＃39;我有这个问题：

请指导我。

Answer 1

玩假元素。你需要创建一个类.yourdrodown ul li：active，：focus和：悬停并设置背景颜色。

例如：

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