I’m not sure why, but in Windows (only!) Firefox 4.0.1 seems to think it’s cool to put a red box-shadow on any input field of the “email” type. Just leaving a note here in case it’s helpful – it’s easy enough to fix:
input[type="email"] {
box-shadow: none;
}
1 Comment
Daniel / #1
July 14, 2011 / 11:59am:
It’s a bug. Firefox is trying to validate placeholder text, and it also affects fields marked with the “required” attribute. Your solution could be expanded:
input[type=“email”], input[required] {
box-shadow: none;
}
Or take the approach detailed here:
http://stackoverflow.com/questions/5939341/firefox-4-is-there-a-way-to-remove-the-red-border-in-a-required-form-input