在导航栏中使用角色属性覆盖默认的css

我的页面中有3个navbars。其中一个显示在上面给出的图像中。我重写使用角色属性的导航栏的颜色在我的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行菜单设计的方法。

好主意欢迎！

来源

2016-05-04 bc110402307 Syed Zeeshan Haide

你能分享你的菜单的HTML？ – thepio

@thepio 哦，对不起，我输错了一些HTML，因此我面临错误。我的CSS代码是正确的！谢谢 –

我不知道你的意思是在你的问题中“第3行的菜单设计”，但是这可能是您的解决方案：

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

来源

2016-05-04 12:41:23 thepio

哦，对不起，我打错了一些HTML，因为我面临错误。我的CSS代码是正确的！谢谢 –

窗台我正在检查您的答案。 –

好吧，很高兴我能够帮助你解决你的问题，而且你能找到一个可行的解决方案！ – thepio

噢，对不起，我输错一些HTML由于我是面临错误。我的CSS代码工作正常！感谢大家和对不起

来源

2016-05-04 12:49:14

在导航栏中使用角色属性覆盖默认的css

回答

相关问题