Formatting a Pulldown

liunx

Guest
I'm trying to format the values (i.e., MR., MRS., MS.) in a pulldown using a CSS class named "fielddata". The following attempts did not work and resulted in black text on a white background:

<td class="fielddata">
<select name = "prefix" tabindex="1">
<option value = ""> </option>
<option value = "MR."> MR. </option>
<option value = "MRS."> MRS. </option>
<option value = "MS."> MS. </option>
</select>
</td>

<td>
<select class="fielddata" name = "prefix" tabindex="1">
<option value = ""> </option>
<option value = "MR."> MR. </option>
<option value = "MRS."> MRS. </option>
<option value = "MS."> MS. </option>
</select>
</td>

Any help would be appreciated.

Thanks.The best you can do is color and background, using the second example.
Any other css will not work x-browser.try something like this in your Style sheet or header.

textarea {
border: 1px solid #000000;
color: #757575;
background-color: 171717;
font-size: 10;
border:0;
border-bottom:2px solid black;
border-left:2px solid black;
}
input {
font-size: 10;
color: #757575;
background-color: 171717;
border:0;
border-bottom:2px solid black;
border-left:2px solid black;
}

select, option {
font-size: 10;
color: #757575;
background-color: 383838;
border: 1px solid #000000;
}Not sure why it does not work.. . do you have the class defined someplace else? maybe your "fielddata" format is incorrect...

I would need to see more code...<!-- m --><a class="postlink" href="http://www.456bereastreet.com/archive/200409/styling_form_controls/">http://www.456bereastreet.com/archive/2 ... _controls/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/">http://www.456bereastreet.com/archive/2 ... _controls/</a><!-- m -->

<!-- m --><a class="postlink" href="http://www.easy-designs.net/articles/replaceSelect/My">http://www.easy-designs.net/articles/replaceSelect/My</a><!-- m --> second example does work - I had a typo in my CSS file - Sorry!
 
Back
Top