Change Select List Option Hintergrundfarbe bei Hover in HTML

Question

Ist es möglich, die Standard-Hintergrundfarbe der Auswahlliste Option bei Hover zu ändern?

HTML:

<select id="select"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

select { 
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; 
} 

select:hover {  
    background-color:gren; 
} 

option:hover { 
    background-color:yellow; 
} 

option { 
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; 
    color:blue; 
    background-color:yellow; 
} 

Ich habe versucht Option :hover{background-color:red;}, aber es ist nichts. Weiß jemand, wie man das macht?

Answer 1

Derzeit gibt es keine Möglichkeit, ein CSS anzuwenden, um das gewünschte Ergebnis zu erhalten. Warum nicht Bibliotheken wie choosen oder select2 verwenden. Diese ermöglichen es Ihnen, so zu gestalten, wie Sie möchten.

Wenn Sie Drittanbieter-Bibliotheken verwenden, don wollen, dann können Sie eine einfache ungeordnete Liste machen und mit etwas css.Here spielen Sie folgen fädeln könnte

How to convert <select> dropdown into an unordered list using jquery?

Answer 2

Nein, das ist nicht möglich.

Es ist wirklich, wenn Sie nicht native Auswahl verwenden, wenn Sie benutzerdefinierte Auswahl Widget aus HTML-Elementen, d.e. "li".