自舉選擇下拉按鈕：找不到按下CSS

Question

OK，這聽起來很簡單，但我不能自舉

沒有任何人有一個線索找到負責這個選擇下拉按鈕，藍色邊框的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/

Answer 1

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

Answer 2

添加輪廓：無人.dropdown-menu。

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