如何對HTML的"select"元素的選項進行樣式設定？

Question

這是我的HTML程式碼：

<select id="ddlProducts" name="ddProducts">
    <option>產品1：電子產品</option>
    <option>產品2：運動用品</option>
</select>

我想要使用CSS將產品名稱（即'產品1'，'產品2'等）加粗，並將其類別（即電子產品，體育用品等）斜體化。我找到了一個舊問題，提到使用HTML和CSS是不可能的，但希望現在有解決方案。

Answer 1

不，這是不可能的，因為這些元素的樣式是由使用者的作業系統處理。 MSDN將在此回答您的問題：

Answer 2

只有很少的樣式屬性可以套用到<option>元素。

這是因為這種類型的元素是「替換元素」的一個例子。它們依賴作業系統，並且不是HTML/瀏覽器的一部分。它不能透過CSS進行樣式設定。

有一些替代外掛程式/函式庫看起來像<select>，但實際上是由常規HTML元素組成的，可以進行樣式設定。