0

好的，这听起来很容易，但我无法通过引导程序在此选择下拉按钮中找到负责蓝色边框的 css

按钮上的蓝色边框 有谁知道我如何在css文件中获取类？

    <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/

4

2 回答 2

0

将大纲：无添加到.dropdown-menu.

.dropdown-menu a:focus { outline: none; }
于 2016-08-03T11:07:33.553 回答
0

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

.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>

于 2016-08-03T11:07:53.450 回答