CSS for < select > ???

[slider]

I'm able to change the way a text input box looks by doing this:

.mainForm {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 1px;
	border: solid #D8D8D8 1px;
}
input.mainForm {
	padding-left: 3px;
}

But when I do

<select class="mainForm">
	...
</select>

It doesn't change the look of the select. Can I do this?

[audiolizard]

Maybe try putting a <span> around the <select> and style the span? I'm not sure if a select is a block or inline element, though. Also try applying the styles to your <option> elements instead.

[Cam]

Have a look here - http://msdn.microsoft.com/workshop/a...cts/select.asp

Unfortunately, the <SELECT> menu is open to very little customisation via CSS. I just had a quick play with another method I use to style file inputs better but it didn't work. Still, have a look at that site to see if it helps you at all