更改焦點的選擇輸入的邊框顏色

Question

我似乎無法改變我的選擇輸入的焦點顏色，我很困惑，我應該重寫。

.form-control:focus { 
 
    border-color: inherit; 
 
    -webkit-box-shadow: none; 
 
    box-shadow: none; 
 
} 
 

 
.forma #kome { 
 
    border-color: #8e8e8e; 
 
    -webkit-border-radius: 30px; 
 
    -moz-border-radius: 30px; 
 
    border-radius: 30px; 
 
    text-align-last: center; 
 
    cursor: pointer; 
 
    color: #000000; 
 
    -webkit-appearance: none; 
 
    background: transparent url("http://icons.iconarchive.com/icons/mahm0udwally/all-flat/16/User-icon.png") no-repeat 15px center; 
 
} 
 

 
.forma select :focus { 
 
    border-color: #2a6dc9 !important; 
 
}

<form class="center-block forma" action="" method="post"> 
 
    <div class="form-group"> 
 
    <select class="form-control" id="kome" name="kome"> 
 
      <option value=" disabled selected ">Choose</option> 
 
      <option value="smth"> smth </option> 
 
      <option value="smth2"> smth2 </option> 
 
     </select> 
 
    </div> 
 
</form>

Answer 1

應該有select和:focus選擇之間沒有空格。空間表示親子關係，即「選擇的關注子女」。而select:focus意味着AND：專注選擇。

.forma select:focus { 
    border-color: #2a6dc9 !important; 
} 

Answer 2

款式選擇孩子上重點：

變化

.forma select :focus{ 
    border-color: #2a6dc9 !important; 
} 

與

.forma option:hover{ 
    border: 1px solid red ; 
}