html - 如何为下拉列表中的单词着色？

Question

我不想为整个文本着色，而是想为下拉列表中的每个单词着色。这似乎行不通？

<select> 
    <option> Entry <span style="color:red">One</span> </option>
    <option> Entry <span style="color:red">Two</span> </option>
    <option> Entry <span style="color:red">Three</span> </option>
</select>

Answer 1

这对于原生 <select> 是不可能的元素。

您只能通过设置 CSS color 来为整个选项着色。 <option> 上的属性(property)标签。

在下拉框中使用“丰富”内容的常见解决方法是将其替换为基于 JS 的内容(即下拉列表只是一个包含元素列表的 div)。