Twitter bootstrap 更改折叠下拉列表中文本的颜色

Twitter bootstrap 更改折叠下拉列表中文本的颜色,twitter-bootstrap,drop-down-menu,twitter-bootstrap-3,navbar,Twitter Bootstrap,Drop Down Menu,Twitter Bootstrap 3,Navbar,在哪里可以更改折叠下拉列表中文本的颜色?由于某些原因,当我的下拉菜单折叠时,它会有不同的背景和文本颜色 未折叠时,我可以使用以下选项进行更改: .navbar inverse.navbar nav>li>a{ 颜色:#000; } 但当崩溃时,它不会改变。我缺少一些简单的东西吗?当下拉列表打开时,它将在父下拉列表元素中添加open类。您可以使用该选项有选择地设置关闭/打开下拉列表的样式 例如,以下面的HTML为例: 行动 我们可以将颜色属性添加到下拉列表中,然后在使用以下CSS

在哪里可以更改折叠下拉列表中文本的颜色?由于某些原因,当我的下拉菜单折叠时,它会有不同的背景和文本颜色

未折叠时,我可以使用以下选项进行更改:

.navbar inverse.navbar nav>li>a{
颜色:#000;
}

但当崩溃时,它不会改变。我缺少一些简单的东西吗?

当下拉列表打开时,它将在父下拉列表元素中添加
open
类。您可以使用该选项有选择地设置关闭/打开下拉列表的样式

例如,以下面的HTML为例:


行动
我们可以将颜色属性添加到下拉列表中,然后在使用以下CSS打开时更改颜色属性:*(如果按钮已设置样式,您可能必须使用
!重要的

.dropdown>按钮{
颜色:黄色;
}
.dropdown.open>按钮{
颜色:橙色;
}
看起来是这样的:

如果只想在关闭时更改样式,可以使用伪类选择器,如下所示:

.dropdown:not(.open)>按钮{}

这看起来像是引导程序中的一个bug,它用导航栏默认颜色覆盖折叠的导航颜色(请参阅引导程序navbar.less第468行)

为了修复此问题,请在将引导导入项目后添加以下代码:

@media (max-width: @grid-float-breakpoint-max) {

 .navbar-default .navbar-nav .open .dropdown-menu {
   > li > a {
     color: @dropdown-link-color;
     &:hover,
     &:focus {
       color: @dropdown-link-hover-color;
       background-color: @dropdown-link-hover-bg;
     }
   }
   > .active > a {
     &,
     &:hover,
     &:focus {
       color: @dropdown-link-active-color;
       background-color: @dropdown-link-active-bg;
     }
   }
 }

}