Bootstrap 焦点和非焦点下拉按钮样式

Question

我用bootstrap，我记录了我的问题here

当我聚焦按钮下拉菜单时，他采用其他背景颜色，并且在未聚焦时消失边框。 css(bootstrap.css) 中的 class 需要编辑哪些内容以放置我自己的颜色并使边框在散焦时不消失？

<div class="collapse navbar-collapse" id="meniu">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#"><b>Link</b></a></li>
    <li><a href="#"><b>Link</b></a></li>
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><b>Dropdown</b> <span class="caret"></span></a>
      <ul class="dropdown-menu">
        <li class ="active" ><a href="proiecte">Proiecte</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">One more separated link</a></li>
      </ul>
    </li>
  </ul>
</div>

我尝试编辑下拉菜单和下拉切换开关，但我没有找到那些 class 具有焦点（class：焦点）的那些。

Answer 1

请在您的自定义 CSS 中用 !important

覆盖此 CSS

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: gray!important;
    border-color: #337ab7!important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626!important;
    background-color: #f5f5f5!important;
}

Bootstrap 焦点和非焦点下拉按钮样式

Bootstrap dropdown button style at focus and unfocus

css

focus