使用navbar中的Role属性覆盖默认css

Question

我的页面中有3个导航栏。其中一个是在上面给出的图像中显示。 我使用我的css中的角色属性覆盖导航栏颜色，如此

.navbar-default[role="transparent_navbar"] 
{

  background-color: white;
  border-color: white;

}

现在我想要覆盖3行菜单的边框和背景颜色（在给定图像中显示）。 我试图通过编写像这样的代码来实现这一点

.navbar-default navbar-toggle[role="transparent"] {
  border-color: red;
}
.navbar-default .navbar-toggle .icon-bar[role="transparent"] {
  background-color: red;
}

但它没有提供所需的功能。 帮助我找到覆盖3线菜单设计的方法。

欢迎好主意！

Answer 1

我不确定＆＃34; 3线菜单设计的含义＆＃34;在您的问题中，但这可能是您的解决方案：

.navbar-default .navbar-toggle[role="transparent"] {
  border-color: red;
}
.navbar-default .navbar-toggle[role="transparent"] .icon-bar {
  background-color: red;
}

Answer 2

哦对不起，我错误输入了一些html，因为我遇到了错误。我的css代码工作正常！感谢大家和抱歉