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

Question

我正在使用bootstrap的导航div下拉菜单,我想在悬停时更改子菜单链接的颜色.我没有尝试任何工作,我无法理解它.即使在尝试从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/