CSS and drop down boxes

[dominique]

I have this CSS code:

.forms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13;
	border: 1 solid #335588;
	background-color: #ffffff;
	scrollbar-3dlight-color : #eeeeee;
	scrollbar-arrow-color : #000000;
	scrollbar-base-color : #eeeeee;
	scrollbar-darkshadow-color : #000000;
	scrollbar-face-color : #eeeeee;
	scrollbar-highlight-color : #000000;
	scrollbar-shadow-color : #111111;
	scrollbar-track-color : #555555;
}

It works with input fields, textareas and buttons, but I can't get it to work with drop down boxes. What do I need to change?

Thank you!

[creole]

By dropdown boxes you mean select FORM elements? Style the OPTION (each individual element) or the SELECT (the master FORM element).

[dominique]

Yes, I meant the SELECT form elements. I just noticed that it works, just not entirely.

The above code sets form elements to a white background, a verdana font and a blue 1px border.

This is how it works:

                 White     Verdana     Blue
               Background    Font     Border
Input Field        Y          Y         Y
Text Area          Y          Y         Y
Button             Y          Y         Y
Select Box         Y          Y         N

How can I set the SELECT form elements to have a 1px blue border like the other elements? BTW, I added class=forms to the SELECT statement and not the OPTION statements.

Thank you!

[Ian Glass]

I don't think you can. Browsers I don't think have implemented CSS borders on <select> elements, yet.

[dominique]

I'm affraid you might be right...

[DarknessAwaits]

can you change the colour for the button with the arrow pointing down on the select FORM element?
I've tried using the attribs you use for the scroll bar but its doesn't work.

[dominique]

No, I don't think that works either with <select> statements yet.