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

【问题标题】：change a portion of text's color in a dropdown or checkbox在下拉列表或复选框中更改部分文本颜色
【发布时间】：2013-02-06 12:14:27
【问题描述】：

我有一个这样的下拉菜单：

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

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

【问题讨论】：

您不能在选项标签中使用 HTML。为此，您需要一个自定义下拉菜单。
不，不能这样做，下面问了类似的问题。 stackoverflow.com/questions/651146/…

标签： html css drop-down-menu checkbox colors

【解决方案1】：

这是不可能的，对不起！

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：