我的页面上有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/