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

我正在使用下面的CSS来更改导航栏下拉活动链接的背景颜色。在引导3.0中更改活动下拉选项卡背景颜色

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

正确更改活动下拉链接的背景颜色，如截图所示。 enter image description here

但是，如果我扩展导航选项卡相同的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; 
}

这里是输出 enter image description here

如何来解决这个问题。

来源

2013-09-25 irfanmcsd

我认为这应该工作：

.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;}

来源

2013-09-25 22:02:25

尝试过，但仍然没有工作。可能会在bootstrap自定义部分直接更新它来解决这个问题。 – irfanmcsd

你可以提供一个bootply或jsfiddle显示上述不工作？我thik我应该工作，或者我不明白你的问题，请参阅：http://bootply.com/83383 –

你的bootply显示你的CSS工作正常。可能是我的项目中的一些其他css类重叠。任何感谢。 – irfanmcsd

你应该FINT的确切类的下拉菜单中。它可能在您的导航或不。我改变了引导主题的这样的分页属性的活动类的颜色：

ul.dropdown-menu>li.active>a:hover{ 
    background: #419641 !important; 
} 

ul.dropdown-menu>li.active>a{ 
    background: #51AB51 !important; 
}

来源

2015-12-04 01:33:34

这将是一个容易得多，如果你可以做一个的jsfiddle。如果不是，那么这里是你可以做的。

1-确保选项卡添加谎言完全在“.nav .nav-tabs> li.dropdown.open.active”类中，路径是正确的。如果不是，它不会工作。

2-因此，看看您是否添加了一个不相关的类，或者您没有添加相关的类。

来源

2016-06-24 19:19:12

什么工作对我来说：

.navbar-default .navbar-nav .dropdown.open a:focus { 
    background-color: #6dbcc9; 
}

来源

2016-09-08 16:07:54 Rokit

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

回答

相关问题