Petty Form Style Question

[jenzi]

Hellooooo

How do I change the colour of the select bar in a form? For instance, in the manufacturers sidebar, the select bar is navy. I would like to change this colour. I told you it was petty!

TEST SITE IS OVER HERE.

Thanks in advance!

[rstevenson]

You don't currently have any style applied to that element. (I can see that using the Web Developer add-on for Firefox. Do you use it?)

So you'd have to add to your stylesheet something like...

#manufacturersContent a: hover {
color: pink;
}

Change the colour to suit.

Rob

[jenzi]

Hi there! I installed it only tonight actually. ;-)

Anyway, I didn't know it was considered a hover within the form element. Silly me.

Thanks very much!

[jenzi]

Actually, that doesn't appear to be working.

Oops, I think you may have misunderstood which part of the style I wanted to change...? Sorry, I meant within the form box - the bit that says "please select"

[rstevenson]

Yes, I understood that, but didn't get the code right.

I don't know the answer off the top of my pointy head. You probably need to experiment with the specificity of the selector, which is CSS-speak for drilling down to touch just the element you want. The link hover is occurring inside the div #manufacturersContent but exactly where inside it? You'll have to experiment a bit. Have a look at how it's done for the categories sidebox selectors in the stylesheet.

Rob

[jenzi]

Thanks Rob, I will give it a bash.