[Frogger]

Hi All,

I know you can change the look on input boxes using CSS. ie changing border size, colour and text area but for some reason I can't do the same using the select function (ie dropdowns). Is there a way of doing this using CSS or is this function restricted on dropdowns.

Thanks for your help.

Regards
Frogger

[landing]

You can indeedy. It's just CSS again

Code:

select {
    border-style:solid;
    border-color:#000000;
    border-width:1px 1px 1px 1px;
    background-color:#666666;
    color:#FF0000;
}

Hope that helps.

Cheers

[Frogger]

Thanks for getting back to me. It seems like only a few of the options work within which are:

font-size: 14pt;
background-color:#666666;
color:#FF0000;
font-family: verdana;

The ones that dont work it seems with dropdowns are:

border-style:solid; (tried none - didnt work)
border-color:#000000; (tried other colours - didnt work)
border-width:1px 1px 1px 1px; (tried other numbers - didnt work)

Has anyone experienced the same problems.

Regards
Frogger

[Nico]

Try this.

Code:

border: solid 1px #000000;

[Frogger]

Thanks but didnt work either. Seems like dowpdowns do not work with IE.

[jfulton]

I'm not sure about IE, but I know that at least Safari and Opera don't do well styling forms. I believe it's because the form elements actually come from the OS rather than the web browser. That is definitely how Safari works. I could be wrong, but that's my understanding of it.

[GoldenDragon]

I don't know if this works but I wouls try to add this code to the CSS:

Code:

border-collapse: collapse;

I just remembered that I could have used that trick. Try.
(at least you won't lose anything.)

[jfulton]

I don't think I've posted this before, but here's a fairly decent javascript to style your selects .

[Frogger]

Thanks for the border-collapse: collapse; idea but didnt seem to work either. I think now slect boxers are untouchable unless you use some decent javascript like jfulton supplied. Thanks very much for your help.

Frogger