导航栏项目打开下拉菜单更改背景

Question

如何更改打开下拉菜单的导航栏项目的背景：

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是绿色，其实我不想要点击这个项目的背景色。

Answer 1

.:

后面不应该有任何 space

.navbar-nav > li > a.nav-lang.active
//---------------------------^^ Remove the space here.

当给定 space 时，它会查找要应用样式的子元素。

并在需要时提供 background: none transparent; !important。

看起来答案在于：

.navbar-nav > li > a.nav-lang { background:none transparent !important; }

导航栏项目打开下拉菜单更改背景

Navbar item opening dropdown menu change background

css

navbar

twitter-bootstrap

drop-down-menu