[解決済み] htmlの "select "要素のオプションのスタイルを設定する方法は？

質問

以下は私のHTMLです。

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

商品名（'Product1', 'Product2' など）を太字に、カテゴリー（家電、スポーツなど）をイタリックに、CSSのみで表示させたいのですが。古い質問で、HTMLやCSSを使っても無理だと書いてあるのを見つけたのですが、今は解決策があるといいのですが。

どのように解決するのですか？

に適用できるスタイル属性は数少ない。 <option> 要素を使用します。

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

のような置き換えプラグイン/ライブラリがあります。 <select> という通常のHTML要素で構成されていますが、実際には CAN を使用します。