Select2與CSS懸停顏色

Question

我一直在嘗試將默認的藍色懸停顏色更改爲我正在設計的網站中的Select2元素中不同的東西，但目前爲止尚未成功。什麼是正確的工作CSS選擇器，這將允許我更改Select2元素中的懸停選項的背景顏色和字體顏色？ 提前謝謝！

編輯：

.select2-drop:hover { 
background-color: #efefef; 
} 

我試過.select2容器，選擇，但沒有成功。添加的代碼更改了懸停時的整個下拉顏色，但我需要它僅更改懸停選項。

Answer 1

試試這個

.select2-results .select2-highlighted { 
    background: #f00; 
    color: #fff; 
} 

Answer 2

你可以用這個來改變懸停顏色，作品爲選擇二V4.0.1

.select2-container--default .select2-results__option--highlighted[aria-selected] { 
    background-color: #F0F1F2; 
    color: #393A3B; 
} 

Answer 3

.select2-container--default .select2-results__option--highlighted[aria-selected] { 
    background-color: red; 
    color:white 
}