在下拉列表或复选框中更改文本颜色的一部分

Question

我有这样的下拉列表：

<select name="how-you-hear">
    <option value="---">---</option>
    <option value="Advertisement or Media">Advertisement or Media</option>
    <option value="Past Working Experience">Past Working Experience</option>
    <option value="Word Of Mouth">Word Of Mouth</option>
</select>

我想将Experience的颜色变成黄色，所以我添加＆lt; span class =“yellow”＆gt;经验＆lt; / span＆gt;。但是，不是将颜色更改为黄色，而是打印跨度，如下所示：

还有另一种解决方法吗？我的复选框也有同样的问题。

Answer 1

这是不可能的，对不起！

然而，复选框只是一个复选框。标签是一个单独的HTML标签，但可以设置样式。

<input type='checkbox' id='myBox' />
<label for='myBox'>This is a <span style='color:yellow;'>checkbox</span>!</label>

Answer 2

如果您只定位现代浏览器，有一些方法可以设置checkboxes样式。它涉及隐藏复选框本身并设置相关标签的样式，使其显示为内部有一个复选框。

至于选择框，正如其他人所说，这是不可能的。