select bootstrap 的下拉按钮：找不到按下的 css

Question

好吧，这听起来很简单，但我找不到 css 负责这个 select 下拉按钮中的蓝色边框 bootstrap

有谁知道我如何在 css 文件中获取 class？

    <form action="#" method="post" id="demoForm" class="demoForm">
  <!--<fieldset>-->
    <select class="selectpicker" name="category">
      <option value="AFR">Afrika</option>
      <option value="CA">Amerika (Mitte) & Karibik</option>
      <option value="NA">Amerika (Norden)</option>
    </select><br/>
    <select class="selectpicker" name="choices" id="choices">
      <option value="ae">Äthiopien</option>
      <option value="bo-mo-si">Botswana, Mosambik & Simbabwe</option>
      <option value="ma-ma-sey">Madagaskar, Mauritius & Seychellen</option>
      <option value="nam">Namibia</option>
      <option value="na">Nordafrika (Küste)</option>
      <option value="na-l">Nordafrika (Landesinneres) & Sahara</option>
      <option value="ka">Kamerun</option>
      <option value="ke">Kenia & Tansania</option>
      <option value="ma">Mali</option>
      <option value="ru-ug">Ruanda & Uganda</option>
      <option value="sa">Südafrika</option>
      <option value="wa">Westafrika</option>
    </select>
 <!-- </fieldset>-->
</form>

http://jsfiddle.net/49FK9/90/

Answer 1

将 outline:none 添加到 .dropdown-menu。

.dropdown-menu a:focus { outline: none; }

Answer 2

为 .dropdown-toggle 和 .dropdown li a 创建 outline: none。

.demoForm .bootstrap-select .dropdown-toggle:focus,
.demoForm .bootstrap-select.btn-group .dropdown-menu li a {
    outline: none !important;
}

.demoForm .bootstrap-select .dropdown-toggle:focus,
.demoForm .bootstrap-select.btn-group .dropdown-menu li a {
    outline: none !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://the-backpacker.net/scripts/js/bootstrap-select.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<link href="http://the-backpacker.net/scripts/css/bootstrap-select.css" rel="stylesheet"/>
<form action="#" method="post" id="demoForm" class="demoForm">
  <!--<fieldset>-->
  <select class="selectpicker" name="category">
    <option value="AFR">Afrika</option>
    <option value="CA">Amerika (Mitte) & Karibik</option>
    <option value="NA">Amerika (Norden)</option>
  </select><br/>
  <select class="selectpicker" name="choices" id="choices">
    <option value="ae">Äthiopien</option>
    <option value="bo-mo-si">Botswana, Mosambik & Simbabwe</option>
    <option value="ma-ma-sey">Madagaskar, Mauritius & Seychellen</option>
    <option value="nam">Namibia</option>
    <option value="na">Nordafrika (Küste)</option>
    <option value="na-l">Nordafrika (Landesinneres) & Sahara</option>
    <option value="ka">Kamerun</option>
    <option value="ke">Kenia & Tansania</option>
    <option value="ma">Mali</option>
    <option value="ru-ug">Ruanda & Uganda</option>
    <option value="sa">Südafrika</option>
    <option value="wa">Westafrika</option>
  </select>
  <!-- </fieldset>-->
</form>

select bootstrap 的下拉按钮：找不到按下的 css

select dropdown button with bootstrap: cannot find pressed css

css

twitter-bootstrap

bootstrap-select

bootstrap-selectpicker