下面是我的HTML:
<select id="ddlProducts" name="ddProducts">
<option>Product1 : Electronics </option>
<option>Product2 : Sports </option>
</select>
我想使产品的名称（即'Product1'，'Product2'等）粗体，其类别（即电子，体育等）斜体，只使用CSS。我发现一个老问题，提到它是不可能使用HTML和CSS，但希望，现在有一个解决方案。
只有少数几个样式属性可以应用于元素。
这是因为这种类型的元素是“替换元素”的示例。它们依赖于操作系统，不是HTML/浏览器的一部分。它不能通过css进行样式设置。
有些替换插件/库看起来像，但实际上是由可以进行样式化的常规HTML元素组成的。
不，这是不可能的，因为这些元素的样式是由用户的操作系统处理的。MSDN将在此回答您的问题:
除了background-color和color之外，通过style对象为option元素应用的样式设置将被忽略。
您可以在某种程度上对选项元素进行样式化。
使用*CSS标记，您可以对系统绘制的框内的选项进行样式设置。
示例:
#ddlProducts *
{
border-radius:15px;
background-color:red;
}
那将是这样的:
