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 
}