web-dev-qa-db-ja.com

HTML5データリストオプションにCSSスタイルを適用する方法はありますか？

データリストのさまざまなオプションのリストが表示される方法を変更したいと思います。 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;
}

しかし、うまくいかないようです。

csshtml5optionhtml-datalist
54
n0n0bstan

select要素と同様に、datalist要素にはスタイル設定の柔軟性がほとんどありません。それがあなたの質問が求めていたものである場合、提案された用語のいずれもスタイルすることはできません。

ブラウザは、これらの要素に対して独自のスタイルを定義します。

57
Adrift