javascript - カラーボックス付きの jQuery Mobile Select ドロップボックス

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

背景色を使用していません。この場合の唯一の方法は、カスタム要素を作成し、下にあるselectを使用するjavascript-pluginを使用することだと思います。

たとえば、これは次のとおりです。http: //designwithpc.com/Plugins/ddSlick