我试图使.icon-bar类更改颜色,当你悬停在它.我得到了切换按钮更改颜色和图标栏使用：
.navbar-preheader .navbar-toggle {
border: 1px solid white;
background-color: transparent;
margin-right: 0;
}
.navbar-preheader .navbar-toggle:hover {
background-color: #4d4d4d;
}
.navbar-preheader .navbar-toggle .icon-bar {
background-color: white;
}
我使用的悬停代码是：
.navbar-preheader .navbar-toggle .icon-bar:hover {
background-color: #4d4d4d;
}
但是,这基本上是使每个图标栏单独更改颜色(见下文),但它们应该一次改变颜色
我相信这是一个愚蠢的我失踪,但任何帮助是非常感谢.谢谢.
解决方法
当您将鼠标悬停在父元素上时,您希望更改背景颜色,因此：hover伪类应该在.navbar-toggle之后,而不是.icon-bar.换句话说,你应该使用选择器.navbar-toggle：hover .icon-bar.
.navbar-preheader .navbar-toggle:hover .icon-bar {
background-color: #4d4d4d;
}
