在bootstrap 3.0中更改活动下拉选项卡背景颜色

Question

我使用以下css来更改导航栏下拉列表活动链接的背景颜色.

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: #b91773;
   border-color: #fff;
}

它会正确更改活动下拉链接的背景颜色,如屏幕截图所示.

但是,如果我为nav-tabs扩展相同的css,它就不起作用.这是css类

.nav .nav-tabs > li.dropdown.open.active > a, 
.nav .nav-tabs > li.dropdown.open.active > a:hover
{
  color: #fff;
  background-color: #b91773;
  border-color: #fff;
}

这是输出

如何解决这个问题.

Answer 1

我认为这应该有效:

.nav.nav-tabs > li.dropdown.active.open > a, 
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover,
.nav.nav-tabs > li.dropdown.open > a, 
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
{
  color: #fff;
  background-color: #b91773;
  border-color: #fff;
}

注意.nav.nav-tabs原因之间没有空格来选择是否有两个而不是第二个后跟第一个.

插入符号:

.nav.nav-tabs > li.dropdown.active.open > a span.caret {border-top-color: #fff;border-bottom-color: #fff;}