Есть ли способ применить стиль CSS к параметрам списка данных HTML5?


87

Я хотел бы изменить способ отображения списка различных опций моего списка данных. Можно ли применить к нему какие-то свойства 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;
}

но похоже, что это не работает.


Ответы:


84

Подобно элементам select , элемент datalist имеет очень небольшую гибкость в стилизации. Вы не можете стилизовать ни один из предложенных терминов, если это то, о чем вы спрашивали.

Браузеры определяют свои собственные стили для этих элементов.


4
Релевантно: список расширений CSS для конкретного производителя Firefox (который включает, например, заполнитель, но ничего похожего на список данных): developer.mozilla.org/en-US/docs/Web/CSS/Reference/…
ANeves считает SE злом

Хотелось бы, чтобы был способ постоянно изменять стили собственных элементов, такие как списки данных и
выборки

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.