HTML の「select」要素のオプションをスタイルするにはどうすればよいですか?
P粉208469050
P粉208469050 2023-08-20 12:33:38
0
2
459
<p>これは私の HTML コードです: </p> <pre class="brush:php;toolbar:false;"><select id="ddlProducts" name="ddProducts"> <option>製品 1: 電子製品</option> <option>商品 2: スポーツ用品</option> </select></pre> <p>CSS を使用して、製品名 (「製品 1」、「製品 2」など) を太字にし、カテゴリ (エレクトロニクス、スポーツ用品など) を斜体にしたいと考えています。 HTML と CSS を使用することは不可能であるという古い質問を見つけましたが、現在解決策があることを願っています。 </p>
P粉208469050
P粉208469050

全員に返信(2)
P粉156532706

いいえ、これらの要素のスタイルはユーザーのオペレーティング システムによって処理されるため、これは不可能です。 MSDN はここであなたの質問に答えます:

いいねを押す +0
P粉825079798

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

このタイプの要素は「置換要素」の一例であるためです。これらはオペレーティング システムに依存しており、HTML/ブラウザの一部ではありません。 CSS を介してスタイルを設定することはできません。

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート