Mac & IE: background color for select elements (or the options within) using CSS/Style

[James]

I'm trying to make a select box where each of 3 elements shows up as a
different color. I've gotten it working on the PC, but seem to be
having some troubles with the Mac/IE combo.

Apparently Mac users don't see the background color(s) when they
open the select box tab.

I've tried a couple different ways, but haven't managed to make it
work (though I believe on Mac/Netscape it works). Some code below...I
tried both using classes and setting the style directly on the option
elements.

If someone can show/explain how to make a mac/IE (5.2) combo show
background color(s), or point me at a site wher it works that'd be
great.

Thanks a lot,
-James
================================================== =============
<style type="text/css">
..selectStyleNeutral {
background-color: white;
}
..selectStyleRed {
background-color: red;
}
..selectStyleBlue {
background-color: Blue;
}
</style>
<select name="foo2">
<option value="" class="selectStyleNeutral">&nbsp;</option>
<option value="1" class="selectStyleBlue">&nbsp;</option>
<option value="2" class="selectStyleRed">&nbsp;</option>
</select>

[brucie]

In post <2f**************************@posting.google.com >
James said...

I'm trying to make a select box where each of 3 elements shows up as a
different color. I've gotten it working on the PC, but seem to be
having some troubles with the Mac/IE combo.

browser support for styling form elements varies and some
implementations are a little odd. for example:

with opera option{color:red;} doesn't color the <option> text red but
select{color:red;} does. with mozilla option{color:red;} colors the
first <option> the color of the <select> but the other <options> are
red. in IE all the <options> are red.

--
brucie a. blackford. 03/August/2003 09:40:49 am kilo.
http://loser.brucies.com/