Чи є спосіб застосувати стиль CSS до опцій даталіста HTML5?


84

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

але це, здається, не працює.


Відповіді:


82

Як і вибрані елементи, елемент даталіста має дуже малу гнучкість у стилістиці. Ви не можете сформулювати жоден із запропонованих термінів, якщо саме це задавало ваше запитання.

Браузери визначають власні стилі для цих елементів.


136
це так сумно
Ллойд Бенкс

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.