我有一个下拉选择元素,其中包含汽车名称和括号内的可用颜色。我希望能够做到这样的事情:
<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;
}
不幸的是,上面的代码不起作用。我如何达到预期的效果?