2016-12-16 95 views
1

如何更改导航栏项目打开一个下拉菜单的背景:导航栏项目打开的下拉菜单中更改背景

Navbar link opening dropdow-menu

HTML:

<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> 

我没有成功尝试的CSS:

.navbar-nav > li > a.nav-lang .active { 
    background:#93b874 !important; 
} 

#93b874是绿色,执行盟友我不希望背景颜色,当我们点击这个项目。

回答

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; } 
+0

无遗憾的是它不工作:( –

+0

@LondonSmith你能很快表现出[MCVE]或演示,请 –

+0

这只是在localhost现在?这很奇怪,但它没有工作:'.navbar-nav> li> a.nav-lang {background}:none transparent!important; } ' –