[Godsmack]

I have a page which uses CSS in which I put a 1px border around everything to give it a non 3d look. Anyway, I cannot get the dropdown boxes to look like the rest of the fields. Here is the url:

http://test.riegel-online.net/contact/contactus.php

Here is the code I have in the CSS file:

Code:

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;
}

textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid black;
}

It seems at though the "border: 1px solid black;" is not working for the dropdowns (SELECT). What am I doing wrong?

Randy

[nytemare]

very odd.. i used a 1px solid border for an <select> element today and it worked fine. maybe it helps to specify the same style which you used for the <select> tag for the <option> tag as well..?

try replacing..

select { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid black; }

..with..


select, option { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid black; }

[kennethlove666]

you can only style dropdowns and radiobuttons/checkboxes so far.
they're defined as part of the OS, so they continue to look like the OSs skin/theme/appearance to a large extent.

but, yes, you need to style the option as well as, or even instead of, the select, as the select only applies (i believe) to the dropdown button (which isn't very styleable)