內部自定義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替換常規選擇