Bootstrap 的 "dropdown open" 背景色

Question

我正在尝试更改 li 元素的背景颜色，当它 class 在单击时从 "dropdown" 更改为 "dropdown open" 时。我已经成功地更改了文本的颜色（a）。但是我无法更改父 li 属性。

我已将代码复制到此处：http://www.bootply.com/FK88owgjgL。在 CSS 文件的末尾，您将看到我设法编写的关于 li 及其子项的背景颜色的代码。我不明白为什么字体颜色有效而背景无效。

任何帮助将不胜感激。

感谢您的宝贵时间

Answer 1

我认为问题与表单内的浮动元素有关，添加清除修复会有所帮助。

.navbar-right .dropdown-menu form:after {
    content: "";
    display: table;
    clear: both;
}

底部由于parent margin多了一点背景，可以休息一下

.navbar-right {
    margin-bottom: 0;
}

如果您需要在活动时更改搜索项本身（使用放大镜）的背景，请使用下面的这个。

li.dropdown.open > a:focus {
  color: #000;
  background: red;
}

演示： http://jsfiddle.net/1ub60vcj/3/

Answer 2

.nav.navbar-right.navbar-nav.bot-search  {
    background-color: #000;
    margin: 0 -15px;
    padding: 5px 0px;
}

Bootstrap's "dropdown open" background color