2016-12-16 93 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; } ' –