[jQuery] Select
[jQuery] Select
Hello,
I am trying to style my form inputs, textareas and selects as follows:
input, select, textarea {
border: solid 6px #ECF0F9;
color: #252525;
font: normal 0.75em Verdana, Geneva, sans-serif;
padding: 0.25em;
width: 520px;
}
I am having a few problems:
Firefox 3:
1. The select is narrow than the inputs and textareas;
2. When I click the select the dropdown borders look different ...
some are thinner than others.
IE 7:
1. The select is narrow than the inputs and textareas;
2. The border of the select is not changed.
What am I doing wrong and how can I make the appearance of a Select
look the same across various browsers?
Can I do this with JQuery?
Thanks,
Miguel