如何在 html select 中设置选项文本的跨度标记

Question

堆栈闪电战

我有一个场景，我的 HTML select 的第一个选项包括一个应该是红色的星号。 但是我无法设置星号的样式，它总是以默认的黑色显示。

我已经包含了 stackblitz 示例，即使我使用星号图像，它仍然无法按预期工作。

Answer 1

您不能只设置 span 标签的样式，因为只能在 option 元素中放置纯文本。 所以实际上没有跨度标签。 但是您可以为 select 添加样式，并且 select 元素中的颜色将为红色。

 select { color: red; }

堆栈闪电战