☰

HTML 選択要素のオプションにスタイルを設定するにはどうすればよいでしょうか? 質問する

tag-icon • tag-icon html css drop-down-menu
HTML 選択要素のオプションにスタイルを設定するにはどうすればよいでしょうか? 質問する

これが私の HTML です:

  <select id="ddlProducts" name="ddProducts"> 
      <option>Product1 : Electronics </option>
      <option>Product2 : Sports </option>
  </select>

CSS のみを使用して、製品の名前 (つまり、「Product1」、「Product2」など) を太字にし、そのカテゴリ (つまり、電子機器、スポーツなど) を斜体にしたいと考えています。HTML と CSS では不可能であると記載されている古い質問を見つけましたが、現在は解決策があると思います。

ベストアンサー1

要素に適用できるスタイル属性はごくわずかです<option>。

これは、このタイプの要素が「置換要素」の例であるためです。これらは OS に依存しており、HTML/ブラウザの一部ではありません。CSS でスタイルを設定することはできません。

のように見えますが、実際にはスタイル設定可能な<select>通常の HTML 要素で構成されている代替プラグイン/ライブラリがあります。

おすすめ記事