CSS and <select>

[rhyspaterson]

Hey guys,

 

Just wondering if it's possible to use CSS to change the background color of a <select> form menu list depending on it's <option value>. I.e if the option value is 1, make the bg color green, but if it's 0 make it red.

 

Or is this more a javascript thing..?

 

Thanks guys

[ryanh_106]

Dont hold me to this one, havent had chance to look it up but I believe when I wanted to do it I just added a class to each of the option fields (mine represented answers which would result in acceptance by being red or green)

 

<option value="option1" class="green">This option is ok</option>

<option value="option2" class="red">This option is not ok</option>

 

Then in the css just style it using:

 

option.red { background-color:#ff0000; }

option.green { background-color:#00ff00; }

 

Hope this helps

 

Ryan