Есть ли способ применить стиль 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;
}

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

n0n0bstan
источник

Ответы:

84

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

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

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

пытаться:

input[list]
{
  background: red;
}
Джарродин
источник
5
В Firefox 30 input[list]стилизует текстовое поле, но не список. В IE 11 он стилизует текстовое поле и список.
Даррен Гриффит