CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
Contact Form Broken in IE?
JeremyEnglert
Permalink to comment
#
August 2012
I created a contact form that seems to be working fine in all browsers except IE8 and older. On those browsers, black boxes appear over the input field areas and make them so text can not be inputted.
http://codepen.io/JeremyEnglert/pen/ELkjF
I'm having a hard time testing it as I don't have IE on my Mac, but I was able to quickly confirm the error was happening on a friends laptop.
Any ideas?
Paulie_D
Permalink to comment
#
August 2012
I have no idea if this is relevant but I'm seeing:
border: 1px solid 256632;
You have omitted the hash so that might be something.
Paulie_D
Permalink to comment
#
August 2012
Tested html & css in IE Tester for 6, 7 & 8...no black boxes.
SgtLegend
Permalink to comment
#
August 2012
I tested the page in a native IE6 XP virtual machine on my Mac and it looks perfectly fine for me.
JeremyEnglert
Permalink to comment
#
August 2012
It was the missing # from the border causing the issues for some versions of IE - it was really hit or miss. But after adding the #, all is well.
Nice catch
@Paulie_D
!
Add a Comment
http://codepen.io/JeremyEnglert/pen/ELkjF
I'm having a hard time testing it as I don't have IE on my Mac, but I was able to quickly confirm the error was happening on a friends laptop.
Any ideas?
You have omitted the hash so that might be something.
Nice catch @Paulie_D!