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.
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.
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.
Tested html & css in IE Tester for 6, 7 & 8…no black boxes.
I tested the page in a native IE6 XP virtual machine on my Mac and it looks perfectly fine for me.
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!
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".