帶有顏色框的jQuery Mobile Select Dropbox

Question

我想知道是否可以創建如下所示的選擇控件？

我嘗試了以下類似的操作，但是它並沒有在其中推框，而是給整個下拉菜單上色。 並且選擇了選定的顏色后，列表中未顯示

<select name="appCalendar" id="appCalendar">
 <option value="#000000" style="background-color: Black;color: #FFFFFF;">Black</option>
 <option value="#808080" style="background-color: Gray;">Gray</option>
 <option value="#A9A9A9" style="background-color: DarkGray;">DarkGray</option>
 <option value="#FF0000" style="background-color: Red;">Red</option>
 <option value="#A52A2A" style="background-color: Brown;">Brown</option>
 <option value="#DEB887" style="background-color: BurlyWood;">BurlyWood</option>
 <option value="#F5F5DC" style="background-color: Beige;">Beige</option>
</select>

謝謝您的時間。

Answer 1

不使用背景色。 我認為在這種情況下，唯一的方法是使用一些javascript插件來創建自定義元素並使用底層選擇。

例如以下示例： http : //designwithpc.com/Plugins/ddSlick