Me gustaría modificar la forma en que se muestra la lista de las diferentes opciones de mi lista de datos. ¿Es posible aplicarle algunas propiedades 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.
css
html
option
html-datalist
n0n0bstan
fuente
fuente
Respuestas:
Al igual que seleccione los elementos, la lista de datos elemento tiene muy poca flexibilidad en el estilo. No puede diseñar ninguno de los términos sugeridos si eso es lo que estaba haciendo su pregunta.
Los navegadores definen sus propios estilos para estos elementos.
fuente
tratar:
input[list] { background: red; }
fuente
input[list]
aplica estilo al cuadro de texto, pero no a la lista. En IE 11, aplica estilo al cuadro de texto y a la lista.