style icon example data css html5 option html-datalist

css - icon - php datalist



¿Hay alguna manera de aplicar un estilo CSS en las opciones de datalist HTML5? (2)

Al igual que los elementos seleccionados , el elemento datalist tiene muy poca flexibilidad en el diseño. No puede darle un estilo a ninguno de los términos sugeridos si eso es lo que su pregunta estaba haciendo.

Los navegadores definen sus propios estilos para estos elementos.

Me gustaría modificar la forma en que se muestra la lista de las diferentes opciones de mi datalist. ¿Es posible aplicarle algunas propiedades de CSS?

<input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist>

Lo intenté

option { background: red; }

pero no parece funcionar.


tratar:

input[list] { background: red; }