Nota: questa domanda non riguarda la creazione di un menu a discesa personalizzato. Si tratta solo di possibilità di applicare stili agli <option>
elementi all'interno dell'elemento select in CSS
Come posso definire lo stile <option>
di un <select>
elemento con compatibilità cross-browser? Conosco molti modi JavaScript che personalizzano il menu a discesa in cui convertire <li>
, di cui non sto chiedendo nulla.
<select class="select">
<option selected>Select</option>
<option>Blue</option>
<option >Red</option>
<option>Green</option>
<option>Yellow</option>
<option>Brown</option>
</select>
Chiedo cosa potrebbe essere possibile solo con CSS, con compatibilità per IE9 +, Firefox e Chrome.
Voglio uno stile in questo modo o il più vicino possibile.
Ho provato qui http://jsfiddle.net/jitendravyas/juwz3/3/ , ma Chrome non mostra alcuno stile tranne il colore del carattere, mentre Firefox ne mostra altri. Come far funzionare il bordo e il riempimento anche in Chrome?
<select>
modellare l'aspetto dell'elemento sulla pagina. Questa domanda chiede se puoi modellare l'elenco di <option>
elementi.
<option>
non l'intero menu a discesa