Zmiana listy wyboru Kolor tła opcji po najechaniu kursorem w html

Question

Czy na hover można zmienić domyślny kolor tła opcji listy wyboru?

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

Próbowałem opcji :hover{background-color:red;}, ale to nie ma sensu. Czy ktoś wie, jak to zrobić?

Answer 1

Obecnie nie ma możliwości zastosowania css do uzyskania pożądanego rezultatu. Dlaczego nie korzystać z bibliotek takich jak choosen lub select2. Pozwalają one na stylizację zgodnie z oczekiwaniami.

Jeśli nie chcesz korzystać z biblioteki osób trzecich wtedy można dokonać prostej listy un-uporządkowane i bawić się z pewnym css.Here jest gwint można śledzić

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

Answer 2

Nie, to niemożliwe.

To naprawdę, jeśli nie używać natywnych zaznaczeń, jeśli utworzysz niestandardowy widget wyboru z elementów html, t.e. "li".