选择带引导程序的下拉按钮:找不到按下的css

时间:2016-08-03 11:01:41

标签: css twitter-bootstrap bootstrap-select bootstrap-selectpicker

好吧,这可能听起来很简单,但是我无法通过bootstrap在这个选择下拉按钮中找到负责蓝色边框的css

blue border at button 有没有人知道如何在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/

2 个答案:

答案 0 :(得分:0)

.dropdown-menu添加大纲:无。

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

答案 1 :(得分:0)

outline: none.dropdown-toggle {/ 1>}设置.dropdown li a

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

&#13;
&#13;
.demoForm .bootstrap-select .dropdown-toggle:focus,
.demoForm .bootstrap-select.btn-group .dropdown-menu li a {
    outline: none !important;
}
&#13;
<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>
&#13;
&#13;
&#13;