Bootstrap 3.3.7白色导航栏汉堡菜单icon-bar默认不显示问题求助

嘿，这个问题我之前踩过一模一样的坑，分分钟就能帮你搞定！

你设置color: black没效果的核心原因是：Bootstrap里的.icon-bar元素，是靠background-color来渲染那条横线颜色的，而不是color属性——它本质是个空的<span>块级元素，没有文字内容，所以color对它完全不起作用~

正确的CSS写法 #

把你原来的样式改成用background-color定义颜色：

.my-navbar .navbar-header .navbar-toggle .icon-bar {
  background-color: black;
}

如果想要hover状态下保持黑色（或者自定义hover时的颜色），可以补充hover状态的样式：

.my-navbar .navbar-header .navbar-toggle:hover .icon-bar {
  background-color: black; /* 换成你想要的hover颜色也可以 */
}

这样设置之后，汉堡菜单的三条横线就会正常显示黑色，不用hover也能看见了。

内容的提问来源于stack exchange，提问作者LP13