使用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; 
}

Answer 3

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