Am I missing something with the CSS style properties associated with SELECT boxes?
I have code like this in my header:
<style type="text/css">
<!--
.TEXTBOX {background-color: transparent; color: #000000; border-color:#3399cc; border-style: solid}
.SUBMIT {font-family: Verdana; font-size: 8pt; font-weight: bold; border-color:#3399cc; background-color: transparent; color: #122326; border-style: solid; cursor:hand}
.TEXTAREA {background-color: transparent; color: #000000; border-color:#3399cc; border-style: solid; font-family:arial}
.SELECT {background-color: transparent; color: #000000; border-color:#3399cc; border-style: solid; font-family:arial}
-->
</style>
And a simple (nice looking) form like this:
<form action="index.cfm" method="post">
<input type="text" name="test1" class="textbox"><br><br>
<textarea name="test2" class="textarea">Default..</textarea><br><br>
<select name="test3">
<option class="select">Test1
<option class="select">Test2
</select>
<br><br>
<input type="submit" name="submit" class="submit" value="SEARCH">
</form>
All the elements look very nice and are using the CSS styles EXCEPT the Select box??
Is there some subtle trick to this?
Thanks for any pointers
I have code like this in my header:
<style type="text/css">
<!--
.TEXTBOX {background-color: transparent; color: #000000; border-color:#3399cc; border-style: solid}
.SUBMIT {font-family: Verdana; font-size: 8pt; font-weight: bold; border-color:#3399cc; background-color: transparent; color: #122326; border-style: solid; cursor:hand}
.TEXTAREA {background-color: transparent; color: #000000; border-color:#3399cc; border-style: solid; font-family:arial}
.SELECT {background-color: transparent; color: #000000; border-color:#3399cc; border-style: solid; font-family:arial}
-->
</style>
And a simple (nice looking) form like this:
<form action="index.cfm" method="post">
<input type="text" name="test1" class="textbox"><br><br>
<textarea name="test2" class="textarea">Default..</textarea><br><br>
<select name="test3">
<option class="select">Test1
<option class="select">Test2
</select>
<br><br>
<input type="submit" name="submit" class="submit" value="SEARCH">
</form>
All the elements look very nice and are using the CSS styles EXCEPT the Select box??
Is there some subtle trick to this?
Thanks for any pointers