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

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这个词的颜色变成黄色，所以我添加了<span class="yellow">Experience</span>。但不是将颜色更改为黄色，而是如下所示打印跨度：

还有其他方法可以解决这个问题吗？我对复选框也有同样的问题。

Answer 1

这是不可能的，对不起！

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

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

Answer 2

如果您只针对现代浏览器，有一些方法可以设置复选框的样式。它涉及隐藏复选框本身并设置关联标签的样式，使其看起来好像里面有一个复选框。

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