Wie formatiere ich die Optionen des HTML-Elements „select“?

Question

Das ist mein HTML-Code:

<select id="ddlProducts" name="ddProducts">
    <option>Produkt 1: Elektronische Produkte</option>
    <option>Produkt 2: Sportartikel</option>
</select>

Ich möchte die Produktnamen (z. B. „Produkt 1“, „Produkt 2“ usw.) fett und ihre Kategorien (z. B. Elektronik, Sportartikel usw.) mithilfe von CSS kursiv schreiben. Ich habe eine alte Frage gefunden, in der erwähnt wurde, dass die Verwendung von HTML und CSS nicht möglich ist, aber hoffentlich gibt es jetzt eine Lösung.

Answer 1

不，这是不可能的，因为这些元素的样式由用户的操作系统处理。MSDN将在此回答您的问题：

Answer 2

只有很少的样式属性可以应用于<option>元素。

这是因为这种类型的元素是“替换元素”的一个例子。它们依赖于操作系统，并且不是HTML/浏览器的一部分。它不能通过CSS进行样式设置。

有一些替代插件/库看起来像<select>，但实际上是由常规HTML元素组成的，可以进行样式设置。