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

Question

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

<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;
}

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