Home/ Questions/Q 8910087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T03:36:02+00:00

I’m wondering is it possibleto create a select control as below?? I tried something

  • 0

I’m wondering is it possibleto create a select control as below??

enter image description here

I tried something like below but it dosn’t push a box inside instead colors the whole dropdown. and after selecting the selected color is not shown in the list

<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>

Thanks for your time in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not using background-colors. I think the only way in this case is to use some javascript-plugin that makes a custom element and uses an underlaying select.

    For example this one: http://designwithpc.com/Plugins/ddSlick

    • 0