消除選擇的焦點

Question

我的問題可能很愚蠢，但我想知道是否有機會改變這種行爲。

我注意到，當你點擊選擇標籤的箭頭打開下拉選項，並且當你指向一個選項時，它在藍色背景下突出顯示，這沒關係。

但是在IE中，當你點擊你想選擇的選項並且它變成選定的選項時，藍色突出顯示將一直保留，直到你在選擇標籤之外的地方單擊（在Firefox中不是這樣 - ）。我知道我應該做什麼，並在選擇選項時從元素中移除焦點。

$('select').change(function() { 
    $(this).blur(); 
}) 

但還是一個小問題保持 - 如果所選的選項是一樣的前面（例如我選擇一個元素兩次連續）的焦點停留在選擇和藍色高亮再次開啓。有沒有什麼辦法改變這種狀況

Answer 1

在CSS試試這個：

input:focus, 
select:focus, 
textarea:focus, 
button:focus { 
    outline: none; 
} 

我認爲這是你在找什麼。

Answer 2

你可以設置所選擇的下拉菜單背景色CSS：

select:focus { 
    background: #fff; 
} 

至於刪除我你會比你解決創造更多的問題元素的焦點，如果有必要我會重新考慮。

Answer 3

在IE11（約以前的版本不知道），你可以從一個集中選擇元素去掉藍色背景

select::-ms-value {background: none;} 

Here's a dabblet demo