Chciałbym zmodyfikować sposób wyświetlania listy różnych opcji mojego datalist. Czy można zastosować na nim jakieś właściwości 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>
próbowałem
option {
background: red;
}
ale nie wydaje się działać.
css
html
option
html-datalist
n0n0bstan
źródło
źródło
Odpowiedzi:
Podobnie jak elementy select , element datalist ma bardzo małą elastyczność stylizacji. Nie możesz stylizować żadnego z sugerowanych terminów, jeśli o to chodziło w Twoim pytaniu.
Przeglądarki definiują własne style dla tych elementów.
źródło
próbować:
input[list] { background: red; }
źródło
input[list]
stylizuje pole tekstowe, ale nie listę. W IE 11 stylizuje pole tekstowe i listę.