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

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

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

40
css html-datalist html5 option

2 ответов

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

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

41

попробуй:

input[list]
{
  background: red;
}
-5