I have a html5 form with about 6 input fields, some being required and some optional. Once a field has been filled it, I have made it turn green using the following code:
input:valid, textarea:valid { background: #dfd; }
This works fine in Chrome and Firefox however Internet Explorer 9, being what it is, doesn’t want to take this CSS code into consideration. Is there any way I could get round this?
IE 9 does not support these Pseudo-classes:
http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx#pseudoclasses