如何使用CSS为2种不同颜色设置选定的选项字符串?

问题描述 投票:0回答:3

我有一个下拉选择元素,其中包含汽车名称和括号内的可用颜色。我希望能够做到这样的事情:

<select class="cars">
   <option>Rolls Royce Phantom <span class="car-color">(silver)</span></option>
   <option>Ferrari 488GTB <span class="car-color">(yellow)</span></option>
   <option>Chevrolet Camaro <span class="car-color">(black)</span></option>
</select>

哪里

.cars {
   color: black;
   font-weight: bold;
}
.car-color {
   color: grey;
   font-weight: normal;
}

不幸的是,上面的代码不起作用。我如何达到预期的效果?

html css select options
3个回答
© www.soinside.com 2019 - 2024. All rights reserved.