内部自定义CSS样式 <option>展开标签<select>名单

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替换常规选择