当背景为白色时，Bootstrap汉堡包菜单不显示图标栏

Question

我正在使用bootstrap版本3.3.7。我已经定制了navbar样式，以使背景白色和文本黑色以及其他一些样式。除了汉堡包菜单没有显示icon-bar外，一切正常。我试过明确设置icon-bar样式

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

但仍然无效。当我将鼠标悬停在它上面时，我会看到icon-bar。但我在页面加载时没有看到它

以下是JSFiddle

我在这里缺少什么？

要重现此问题并查看汉堡包菜单，请务必减小输出窗口的大小

Answer 1

尝试

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

Answer 2

Bootstrap 3图标栏使用背景颜色，而不是颜色。尝试更改背景颜色而不是颜色。

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

Answer 3

我通过添加以下

来修复它

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

工作JSFiddle