扩展<select>列表</select> </option>中<option>标记内的自定义CSS样式

Question

我想知道是否有其他方法可以使用HTML甚至jQuery插件自定义扩展的选择列表。基本上我希望列表中的每个选项都使用多种样式进行渲染，例如在此示例中，数字为红色：

<select size="12" name="ddlSpecial" id="ddlSpecial">
    <option value="1">
        <div>Option text <span style="color:Red;">(1)</span></div>
    </option>
    <option value="2">
        <div>Option text <span style="color:Red;">(1)</span></div>
    </option>
</select>

以上HTML仅适用于Firefox，而其他浏览器则删除了样式：

http://i.stack.imgur.com/TqZuc.jpg

Answer 1

检查出来：

http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

你可以做到，但你基本上必须用 ul 替换正常的选择