我想以与选项本身相同的 colored颜色 显示所选选项.
<select>
<option value="1" style="color:blue">Blue</option>
<option value="2" style="color:red">Red</option>
</select>这些选项可以正确显示为蓝色和红色，但一旦选中，它们就会变为黑色.是否可以将其显示为蓝色或红色，与所选选项相匹配？
PD:我知道如何在JS中做到这一点，但我不确定它是否能在CSS中完成
我想以与选项本身相同的 colored颜色 显示所选选项.
<select>
<option value="1" style="color:blue">Blue</option>
<option value="2" style="color:red">Red</option>
</select>这些选项可以正确显示为蓝色和红色，但一旦选中，它们就会变为黑色.是否可以将其显示为蓝色或红色，与所选选项相匹配？
PD:我知道如何在JS中做到这一点，但我不确定它是否能在CSS中完成
这可以用带有:has伪类的纯CSS来完成
select:has(option[value="1"]:checked) {
color: blue;
}
select:has(option[value="2"]:checked) {
color: red;
}<select>
<option value="1">Blue</option>
<option value="2">Red</option>
</select>