CSSで選択2ホバーカラー

Question

私は設計しているウェブサイトのSelect2エレメントで、デフォルトの青色のホバーカラーを何か別のものに変更しようとしていましたが、これまでのところ成功していません。 Select2要素の背景色とフォント色を変更することを可能にする、正しい動作中のCSSセレクターは何ですか？ ありがとうございます！

編集：私は.select2-コンテナ、選択肢が、ノー成功を試してみた

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

。追加されたコードは、ホバー上のドロップダウンカラー全体を変更しますが、ホバリングされたオプションのみを変更する必要があります。

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 
}