changing background color of select area?

Hi -

I've got most of my css formatting the way I want it. The manufacturers sidebox, however, seems to be picking up my computer's highlight color for its background color upon selection.

(I've renamed "Manufacturers" to "Designers" on my page, by the way.)

So...any ideas on on how I might override this?

Thanks.

Edit: site is https://www.cinderellaantiques.com. Thanks.

That would be the SELECT tag

OK, so the SELECT tag will accept modifiers like ":focus" ":active" and the like for background colors? And, will this override someone's preference setting for highlight colors?

Thanks.

OK, so the SELECT tag will accept modifiers like ":focus" ":active" and the like for background colors?
Try it
And, will this override someone's preference setting for highlight colors?
?????What pref settings????
I do not believe that one can exert control over anothers browser settings

kobra:

Try it

I already made a cursory effort, without success. I'll take a closer look.

?????What pref settings????
I do not believe that one can exert control over anothers browser settings

Not the browser settings; the user's preference on his PC. On a Mac, it's in System Preferences->Appearance->Highlight Color. I don't know where it is on a PC, but I'm sure there's an equivalent.

Maybe it's inappropriate to try to override these settings, but it would make for a more pleasant color scheme on the site display.

I've done a bit more looking, and still don't fully understand what's going on here. It's somewhat tough to debug using Firebug, in that the formatting I want to see (for when a selection is made) is only applied for an instant, and then the page updates based on the selection.

Here's the CSS I'm using:

input:focus, select:focus, select:active, select option, select option:focus, select option:active, textarea:focus {
	background: #fff4fc;
}

This doesn't change the color when an item is selected, though. At this point, I'm not sure what to do next, as the "select" tag doesn't seem to respond to CSS formatting the way other tags do.

Any ideas, anyone? Thanks.

select,
input:focus, select:focus, select:active, select option, select option:focus, select option:active, textarea:focus {
background: #fff4fc;
}

Try removing the 'select,' first, then the others one-by-one. I'm not sure how exactly you want it to behave, but when I removed everything but 'select option' it did something different.

I appreciate the suggestion, but I don't see how removing things from this line is going to help. I want to be able to set the background color of whatever I click on in this box. Currently, it's picking up the highlight color from my system preferences.

It may be the case that this is something I can't override, but I was hoping someone else had some experience with this. I'm a bit weak with the form/input/select stuff in HTML.