使用CSS选择2个悬停颜色

Question

我一直在尝试将默认的蓝色悬停颜色更改为我正在设计的网站中的Select2元素中的不同颜色,但到目前为止还没有成功.什么是正确的,工作的CSS选择器,它允许我改变Select2元素中悬停选择的背景颜色和字体颜色？先感谢您!

编辑:

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

我试过.select2-container,选择但没有成功.添加的代码会在悬停时更改整个下拉颜色,但我需要它才能更改悬停选项.

Answer 1

试试这个

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

Answer 2

您可以使用它来更改悬停颜色,适用于Select2 V4.0.1

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