«

In a regular drop down form element like below, is there a way to display
associated colors with each option? Basically, I'd like it to look like
Outlook's Label Control drop down that displays a small color block with
each choice.

<select name="sTime"><option selected>--Select Category--
<OPTION value="WORK">Work Schedule</OPTION>
<OPTION value="Meeting">Meetings</OPTION>
<OPTION value="Other">Other</OPTION></select>

Works great.


"Adrienne" <> wrote in message
news:Xns9666760D39021arbpenyahoocom@207.115.63.158 ...
> Gazing into my crystal ball I observed "scott" <>
> writing in news::
>
>> In a regular drop down form element like below, is there a way to
>> display associated colors with each option? Basically, I'd like it to
>> look like Outlook's Label Control drop down that displays a small color
>> block with each choice.
>>
>> <select name="sTime"><option selected>--Select Category--
>> <OPTION value="WORK">Work Schedule</OPTION>
>> <OPTION value="Meeting">Meetings</OPTION>
>> <OPTION value="Other">Other</OPTION></select>
>>
>>
>>
>
> Sure, just use a little CSS, eg:
> <option value="Work" style="background-color:yellow; color:green">Work
> Schedule</option>
> <option value="Meeting" style="background-color:blue; color:white">
> Meetings</option>
>
> You could also do:
> <option value="work" class="work">Work Schedule</option>
> and assign properties for the work class, .work {background-color:yellow;
> color:green}
>
> You might also want to look into the OPTGROUP element, which will group
> your elements and can also be styled.
>
> --
> Adrienne Boswell
> http://www.cavalcade-of-coding.info
> Please respond to the group so others can share