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

由于父边距，底部有一些额外的背景，可以休息。

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

如果您需要在激活时更改搜索项目本身的背景（使用放大镜），请使用以下内容。

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

DEMO： http://jsfiddle.net/1ub60vcj/3/

Answer 2

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