javascript - Bootstrap .dropdown li 背景颜色

Question

这是我的网站：http ://defend-foreclosure.com/index.html

当我将鼠标悬停在“法律”下拉列表中时，我无法将列表项更改为蓝色以外的任何颜色。谁能告诉我我需要编辑 CSS 中的哪些元素？我一直在测试 bootstrap.css 和 bootstrap.min.css 中的各种元素，但没有运气。

Answer 1

不要更改 bootstrap.css。创建另一个 css 文件，您可以在其中覆盖它。无论如何，该行是 4572：

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a

将背景图像设置为无，将背景颜色设置为您想要的任何颜色。

Answer 2

如果您还打算更改选定元素的颜色，则应注意 li 元素的活动类：

.dropdown-menu li.active > a,
.dropdown-menu li.active > a:hover,
.dropdown-menu li.active > a:focus {
    ...
}