Cambia il colore di sfondo dell'opzione Seleziona lista su passaggio del mouse in html

Question

È possibile cambiare il colore di sfondo predefinito dell'opzione di selezione dell'elenco su hover?

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

ho cercato opzione :hover{background-color:red;}, ma non è di alcuna utilità. Qualcuno sa come si fa questo?

Answer 1

Attualmente non è possibile applicare un css per ottenere il risultato desiderato. Perché non utilizzare librerie come choosen o select2. Questi ti permettono di disegnare come vuoi.

Se indossate desidera utilizzare librerie di terze parti, allora si può fare una semplice lista non ordinata e giocare con alcuni css.Here è thread si potrebbe seguire

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

Answer 2

No, non è possibile.

In realtà, se non si utilizza selezione nativa, se si crea widget di selezione personalizzati da elementi html, vale a dire "Li".