You're not targeting the select element (drop down) to inherit the same properties are you are the inputs and textareas.
You'll want to edit your custom CSS, find these two rules..
[css]
input, textarea {
border: 1px solid #caa95f;
}
input, textarea {
background: none repeat scroll 0 0 transparent ;
}
and change them to this ( one more specific rule that includes the select element )
[css]
body .gform_wrapper .gform_body .gform_fields .gfield input,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield select {
border: 1px solid #caa95f;
background: none repeat scroll 0 0 transparent
}
and it appears to work.. at least in the browsers I checked.
screenshot: http://bit.ly/wgVfV5
Be advised that styling/CSS support for select elements differs quite a bit among browsers. What works in one may not always work in another.
http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/
You'll want to test in a few different browsers to see how it looks. Good luck.
Posted 12 years ago on Wednesday February 1, 2012 |
Permalink