html - 使用导航栏中的Role属性覆盖默认CSS-LMLPHP

我的页面上有3个导航栏。其中之一正在上面的图像中显示。
我像这样在CSS中使用role属性覆盖导航栏颜色

.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;
}


但这并没有提供所需的功能。
帮助我找出覆盖三行菜单设计的方法。

欢迎好主意!

最佳答案

我不确定问题中“三行菜单设计”的含义,但这可能是您的解决方案:

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

关于html - 使用导航栏中的Role属性覆盖默认CSS,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37028118/

10-12 13:07
查看更多