Я хотел бы изменить способ отображения списка различных опций моего списка данных. Можно ли применить к нему какие-то свойства 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>
Я старался
option {
background: red;
}
но похоже, что это не работает.
css
html
option
html-datalist
n0n0bstan
источник
источник
Ответы:
Подобно элементам select , элемент datalist имеет очень небольшую гибкость в стилизации. Вы не можете стилизовать ни один из предложенных терминов, если это то, о чем вы спрашивали.
Браузеры определяют свои собственные стили для этих элементов.
источник
пытаться:
input[list] { background: red; }
источник
input[list]
стилизует текстовое поле, но не список. В IE 11 он стилизует текстовое поле и список.