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

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;
}

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

ベストアンサー1

のように選択する要素、データリスト要素のスタイル設定の柔軟性はほとんどありません。質問の内容が提案された用語のスタイル設定である場合、その用語をスタイル設定することはできません。

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

おすすめ記事