如何在html select中设置选项文本的span标签样式

Question

堆栈闪电战

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

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

Answer 1

你不能只设置span标签的样式，因为选项元素中只能放置纯文本。 所以实际上没有span标签。 但你可以添加样式来选择，并且选择元素中的颜色将为红色。

select {
  color: red;
}

堆栈闪电战