Javascript 带有颜色框的jQuery Mobile Select dropbox
我想知道是否有可能创建如下选择控件 我尝试了下面这样的方法,但它没有将一个框推到里面,而是将整个下拉列表着色。选择后,所选颜色不显示在列表中Javascript 带有颜色框的jQuery Mobile Select dropbox,javascript,jquery,html,forms,jquery-mobile,Javascript,Jquery,Html,Forms,Jquery Mobile,我想知道是否有可能创建如下选择控件 我尝试了下面这样的方法,但它没有将一个框推到里面,而是将整个下拉列表着色。选择后,所选颜色不显示在列表中 <select name="appCalendar" id="appCalendar"> <option value="#000000" style="background-color: Black;color: #FFFFFF;">Black</option> <option value="#808080"
<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>
黑色
灰色
深灰色
红色
棕色的
硬木色
米色
提前谢谢你的时间 不使用背景色。我认为在这种情况下,唯一的方法是使用一些javascript插件来生成一个自定义元素并使用一个参考底图选择 例如,这个: