我从导航区域使用bootstrap的下拉列表,我想在悬停时更改子菜单链接的颜色.没有什么我在尝试作品,我无法理解它.即使尝试从Chrome控制台运行内容也没有任何影响.
我创建了一个css文件,我重写默认值.正常的标签的背景变化工作,但悬停没有.这是为什么？我也尝试影响李和使用！重要,但没有一个有任何效果.
我使用的是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的主按钮.
解决方法
Bootstrap定义了元素的背景图像,将其移除以使用简单的填充颜色.
只需重新定义您的悬停如下：
只需重新定义您的悬停如下：
.dropdown-menu > li > a:hover {
background-color: red;
background-image: none;
}
