Bootstrap .dropdown li 背景颜色答案

【问题标题】：Bootstrap .dropdown li background colorBootstrap .dropdown li 背景颜色
【发布时间】：2012-09-19 02:20:24
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

将 background-image 设置为 none，并将 background-color 设置为您想要的任何颜色。

【讨论】：

没想到是图片:'(
我发现只设置 background-color: #fff 和 background-image: none 对我不起作用。我不知道为什么，但是（使用 LESS）我将背景图像设置为“线性渐变（#fff，#fff）”，这就成功了。我想知道 -o、-moz、-webkit 供应商前缀是否被遗忘（或者可能以某种方式卡在 Chrome 的缓存中）。
要使其适用于旧版本的 IE，请不要忘记添加 filter: none;。顺便说一句，很棒的答案。谢谢。
我试过这个：.dropdown-menu li.changeColorOnHover > a:hover, .dropdown-menu li.changeColorOnHover > a:focus{ background-color: @white-color;背景图像：“线性渐变（#fff，#fff）”； }
脱帽致敬先生。你摇滚！

【解决方案2】：

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

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

【讨论】：