Html 高亮显示选项标记内的部分文本

我被要求生成一个如下所示的选择列表：

我遇到的问题是如何为星号和文本设置不同的颜色。我曾尝试将星号包装在各种内联HTML标记中，但似乎任何HTML都被剥离了

HTML:

*价值

*另一个价值

有人能提出这样做的技巧吗？可以使用JavaScript（prototype），但我不想替换select元素

演示小提琴：

---

编辑：我曾考虑过从文本中删除星号，改用背景图像，但我不确定对于使用屏幕阅读器和类似文本设置的用户来说，这是否是一件坏事？在表单的下一步，有一条消息说，

*=required

，因此，如果select似乎没有用星号标记，这会让人困惑吗？

根据，

选项

标记不能包含HTML标记。只有在它们里面才允许

---

解决方法：使用背景图像（星号或任何东西）（位于左侧）并向

选项添加左侧填充

元素；尽管这可能适用于所有浏览器。

根据，选项标记不能包含HTML标记。只有在它们里面才允许

---

解决方法：使用背景图像（星号或任何东西）（位于左侧）并向

选项添加左侧填充

元素；尽管这可能适用于所有浏览器。

看到您使用的prototype/jscript，您不仅可以创建/找到类似于下拉列表的内容。对于不支持选定元素CSS样式的基于屏幕的浏览器，我可以，也将这样做。因此，IE<9。看到您使用prototype/jscript，您不仅可以创建/找到看起来像下拉列表的东西。对于不支持选定元素CSS样式的基于屏幕的浏览器，我可以，也愿意。因此，即<9。

<select id="select-list">
    <option value='1'><em>*</em>A value</option>
    <option value='2'><span>*</span>Another value</option>
</select>

$('select-list').select('option').each(function(element) {
   console.log($(element).innerHTML);
});