Navbar项目打开下拉菜单更改背景

时间:2016-12-16 22:22:16

标签: css twitter-bootstrap drop-down-menu navbar

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

Navbar link opening dropdow-menu

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; } 是绿色,实际上当我们点击此项目时我不想要背景颜色。

1 个答案:

答案 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; }
相关问题