如何更改选项标签中特定文本的颜色

Posted 2023-03-06

【中文标题】如何更改选项标签中特定文本的颜色

【英文标题】：How do I change color of specific text in option tag

【发布时间】：2016-09-13 08:11:00

【问题描述】：

我有一个选择选项列表，每个选项都有其文本内容

<select>
  <option>Lorem ipsum dolor sit amet</option>
  <option>Quisque vitae odio leo</option>
  <option>Aenean consequat nisl sit amet</option>
</select>

如何格式化特定文本，比如第一个单词，用不同的颜色，即“Lorem”、“Quisque”、“Aenean”将是蓝色？

【问题讨论】：

Styling part of the OPTION text的可能重复

【参考方案1】：

将单词放在 span 标签内并设置 span 样式

<option><span style = "color : red;">Lorem</span></option>

【讨论】：

A <option> 不能在其中包含标签。