这是我的 HTML：
<select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select>
我想将产品名称（即“Product1”、“Product2”等）加粗，并将其类别（即电子、体育等）加粗，仅使用 CSS。我发现一个老问题提到使用 HTML 和 CSS 是不可能的，但希望现在有一个解决方案。
只有少数样式属性可以应用于<option>元素。
<option>
这是因为这种类型的元素是“替换元素”的一个示例。它们依赖于操作系统，不是 HTML/浏览器的一部分。它不能通过 CSS 设置样式。
有一些替换插件/库看起来像一个<select>但实际上由可以设置样式的常规 HTML 元素 组成 。
<select>
