这是我的 HTML:
<select id="ddlProducts" name="ddProducts">
<option>Product1 : Electronics </option>
<option>Product2 : Sports </option>
</select>
我想仅使用 CSS 将产品名称(即“Product1”、“Product2”等)设为粗体,并将其类别(即电子产品、体育等)设为斜体。我发现一个老问题提到使用 HTML 和 CSS 是不可能的,但希望现在有解决方案。
最佳答案
只有少数样式属性可以应用于 <option>
元素。
这是因为这种类型的元素是“替换元素”的一个例子。它们依赖于操作系统并且不是 HTML/浏览器的一部分。它不能通过 CSS 设置样式。
有看起来像 <select>
的替换插件/库但实际上由可以设置样式的常规 HTML 元素组成。
关于html - 如何设置 html "select"元素的选项样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56223564/