Question

我正在使用导航div中的bootstrap下拉列表，我想在悬停时更改子菜单链接的颜色。我没有尝试任何工作，我无法理解它。即使在尝试从chrome控制台运行时，它也没有任何效果。

我创建了一个css文件，我覆盖了默认值。正常a标记的背景更改有效，但悬停则不起作用。这是为什么？我还试图影响li并使用!important，但这些都没有任何影响。

我正在使用Bootstrap 3.1.1。这是我的css：

.dropdown-menu > li > a {
    color: white; /* This has an effect */
}

.dropdown-menu > li > a:hover {
    background-color: red; /* This doesn't... why? */
}

并查看此jsfiddle以进行演示（出于某种原因，您需要在看到按钮之前将结果面板拖动到左侧）。有任何想法吗？

修改

注意我正在尝试更改在下拉菜单中的背景颜色，而不是主要按钮MyProfile。

Answer 1

Bootstrap定义元素的背景图像，将其移除以使用简单的填充颜色只需重新定义您的悬停，如下所示：

.dropdown-menu > li > a:hover {
    background-color: red;
    background-image: none;
}

http://jsfiddle.net/sW7Dh/4/

在悬停时更改引导下拉列表的背景

1 个答案: