You're using the HTML5 "email" type fields for those 2 and your theme doesn't have styles in place for those input types. The theme specifies styles for the "text" and "password" inputs, but leaves those out.
You can replace the 2 rules that start on line 125 of your theme's style.css file with these. That should set the styles to match the other fields.
[css]
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
select
{
background: #fff;
padding: 4px;
font-size: 12px;
margin: 0;
font-family: Helvetica, Arial,Verdana,sans-serif;
color: #666;
-webkit-box-shadow: -3px -3px 0 0 #F5F5F6, 3px 3px 0 0 #F5F5F6, 3px 0 0 0 #F5F5F6, 0 3px 0 0 #F5F5F6, 3px -3px 0 0 #F5F5F6, -3px 3px 0 0 #F5F5F6;
-moz-box-shadow: -3px -3px 0 0 #F5F5F6, 3px 3px 0 0 #F5F5F6, 3px 0 0 0 #F5F5F6, 0 3px 0 0 #F5F5F6, 3px -3px 0 0 #F5F5F6, -3px 3px 0 0 #F5F5F6;
box-shadow: -3px -3px 0 0 #F5F5F6, 3px 3px 0 0 #F5F5F6, 3px 0 0 0 #F5F5F6, 0 3px 0 0 #F5F5F6, 3px -3px 0 0 #F5F5F6, -3px 3px 0 0 #F5F5F6;
border: 1px solid #c9c9c9;
margin-top: 5px;
width: 180px;
}
input[type=text].blur,
input[type=email].blur,
input[type=url].blur,
input[type=tel].blur,
input[type=number].blur
{
color: #ccc;
}
Posted 13 years ago on Monday August 29, 2011 |
Permalink