如何更改打开下拉菜单的导航栏项目的背景:
HTML:
find
我试过的CSS没有成功:
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#/" class="dropdown-toggle nav-lang" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">FR<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="nav-lang" href="?lang=fr"><img height="15" src="/images/navbar-fr.png"><span class="pad-l-10 fnt-rob pad-t-10">English</span></a></li>
</ul>
</li>
</ul>
.navbar-nav > li > a.nav-lang .active {
background:#93b874 !important;
}
是绿色,实际上当我们点击此项目时我不想要背景颜色。
答案 0 :(得分:1)
.
之后不应该有任何空格:
.navbar-nav > li > a.nav-lang.active
//---------------------------^^ Remove the space here.
当给出空格时,它会查找要应用样式的子元素。
如果需要background: none transparent;
,请!important
。
看起来答案在于:
.navbar-nav > li > a.nav-lang { background:none transparent !important; }