Select2 hover color with CSS

Question

Я пытаюсь изменить цвет синего наведения по умолчанию на что-то другое в элементе Select2 на веб-сайте, который я проектирую, но пока не достиг успеха. Каков правильный, рабочий селектор css, который позволит мне изменить цвет фона и цвет шрифта зависающего выбора в элементе Select2? Спасибо заранее!

Edit:

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

Я попытался .select2-контейнер, выбор, но не успех. Добавленный код изменяет весь выпадающий цвет при наведении, но мне нужно только изменить зависающую опцию.

Answer 1

Попробуйте

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

Answer 2

Вы можете использовать это, чтобы изменить цвет парения, работает для V4.0.1 Select2

.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 
}