在Bootstrap中单击下拉列表

Question

我在Bootstrap中遇到了问题。我有一个下拉列表，但是当我点击该下拉列表时，颜色会变为灰色。我正在努力让课程dropdown访问黑色（因为我的navbar是黑色的）但它不起作用。

<ul class="nav navbar-nav navbar-right">
  <li class="dropdown">
    <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-language" style="color:white;"></i>
     Language
      <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
      <li><a href="propertiesSearch.php">English</a></li>
    <li><a href="propertiesSearch.php">Bosanski</a></li>
    </ul>
  </li>
</ul>

Answer 1

将这些更改为黑色（或十六进制颜色以匹配您的栏）：

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: black;

}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: black;
    border-color: #428bca;

}