Html 在导航栏上设置引导移动菜单的样式

我正在尝试从移动菜单[汉堡包菜单]中删除轮廓和背景色。我只想要没有轮廓和背景色的水平3线

这是我正在尝试的，但它在不悬停/聚焦时仍然显示轮廓

<nav class="navbar navbar-default">
         <div class="container">
                 <div class="navbar-header">
                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                 <span class="sr-only">Toggle navigation</span>
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                                 <span class="icon-bar"></span>
                         </button>
                         <a class="navbar-brand" href="index.html">abc</a>
                 </div>

                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                         <ul class="nav navbar-nav navbar-right">
                                 <li>
                                         <a href="index.html">Home</a>
                                 </li>
                         </ul>
                 </div>
         </div>
 </nav>

但我不知道为什么它不起作用

提前谢谢你的帮助

试试这个代码，这将只给出三条水平线，这对我来说很好

引导盒
navbar先生{
背景：ddd；
}
.navbar反转.navbar切换{
边框颜色：透明！重要；
}
.导航栏切换{
背景色：透明；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
浮动：对；
边缘底部：8px；
右边距：15px；
边缘顶部：8px；
填充：9px 10px；
位置：相对位置；
}
















可折叠导航条
在本例中，导航栏隐藏在小屏幕上，并替换为右上角的按钮（尝试重新调整此窗口的大小）。
只有单击按钮时，才会显示导航栏

你想要这个吗

.navbar默认值{
背景色：#862f38；
}
.navbar切换：链接，
.导航栏切换：已访问，
.导航栏切换：悬停，
.导航栏切换：激活，
.navbar切换：焦点{
背景：无！重要；
边界：没有！重要；
大纲：无！重要；
}
@媒体屏幕和屏幕（最大宽度：768px）{
.navbar切换：链接，
.导航栏切换：已访问，
.导航栏切换：悬停，
.导航栏切换：激活，
.navbar切换：焦点{
背景：无！重要；
边界：没有！重要；
大纲：无！重要；
}
.navbar默认值.navbar切换{
边框颜色：透明！重要；
}
}

引导盒
切换导航

只需在导航栏切换中添加css即可：

.navbar-toggle{
  border:none;
  background:none;
}

---

这是一个工作演示：

您需要将css添加到

。导航栏切换

.navbar默认值{
背景色：#862f38；
}
.navbar切换：链接，
.导航栏切换：已访问，
.导航栏切换：悬停，
.导航栏切换：激活，
.navbar切换：焦点{
背景：无！重要；
边界：没有！重要；
大纲：无！重要；
}
@媒体屏幕和屏幕（最大宽度：768px）{
.navbar切换：链接，
.导航栏切换：已访问，
.导航栏切换：悬停，
.导航栏切换：激活，
.navbar切换：焦点{
背景：无！重要；
边界：没有！重要；
大纲：无！重要；
}
.导航栏切换{
边界：没有！重要；
}

切换导航

您可以尝试下面的简单代码

---

---

可能是因为你使用了。navbar反向类如果有一个navbar反向类，它工作得很好！！！如果没有narbar反向类，你可以简单地从css中删除它，对吗？？？是的..我在我的回答中看到element inspect没有使用navbar反向类，这就是为什么你可能因此被否决了。现在我更新了我的小提琴，看看在我的示例中，我的代码中有navbar反向类Whts错误？？？感谢兄弟的建议。

.navbar-toggle{
  border:none;
  background:none;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: transparent;
}
.navbar-default .navbar-toggle{
    border-color: transparent;
}