CSS로 Select2 호버 컬러

Question

나는 디자인하는 웹 사이트의 Select2 요소에서 기본 파란색 호버 색을 다른 것으로 변경하려고 시도했지만 지금까지 성공하지 못했습니다. Select2 요소의 배경색과 글꼴 색상을 변경할 수있게 해주는 올바른 올바른 CSS 선택기는 무엇입니까? 미리 감사드립니다.

편집 : .select2 컨테이너, 선택하지만 성공을 시도했습니다

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

. 추가 된 코드는 마우스를 올리면 전체 드롭 다운 색상이 변경되지만 hovered 옵션 만 변경하면됩니다.

Answer 1

이

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

Answer 2

당신은 호버 색을 변경하는 데 사용할 수 있습니다 시도되는 그 요소가 어디 있는지 확인하기 위해 관리자의 선택 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 
}