如何在 html select 中設置選項文本的跨度標記

Question

堆棧閃電戰

我有一個場景，我的 HTML select 的第一個選項包括一個應該是紅色的星號。 但是我無法設置星號的樣式，它總是以默認的黑色顯示。

我已經包含了 stackblitz 示例，即使我使用星號圖像，它仍然無法按預期工作。

Answer 1

您不能只設置 span 標簽的樣式，因為只能在 option 元素中放置純文本。 所以實際上沒有跨度標簽。 但是您可以為 select 添加樣式，並且 select 元素中的顏色將為紅色。

 select { color: red; }

堆棧閃電戰