So I know it's not suppose to work in IE6 and focus is sketchy in 7 but IE 8 should :hover and :focus work on input fields?
works perfectly in chrome and FF.
and whats odd is that I have another site I implemented almost the same classes and CSS on and same input type fields and it actually works with the hover and focus...
I have compared these apart from color differences I can't see anything different.
So I have some forms that have classes assigned to them (rather than using the input name) here is my CSS, what on earth am I missing?
/*Form Styling*/ .FormTable {text-align:left;color:red;} .FormLabel,.DynamicForms_Label {font-size:13px;font-weight:normal;color:#131c44;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;} .FormTextBoxLogin,.FormTextBox,.DynamicForms_TextBox { background:url(images/FormLabel.jpg) repeat-x bottom #fff; border:1px; border-color:#b3b2b1; border-style:solid; width:190px; padding:6px 6px 6px 6px; height:30px; Margin:2px; } .FormTextBoxLogin:focus,.FormTextBox:focus,.DynamicForms_TextBox:focus, Input.FormTextArea:focus { border-color:#b3b2b1; background-color:#7ad8ec; background-image:none; border-width: 1px; } .FormTextBoxLogin:hover,.FormTextBox:hover,.DynamicForms_TextBox:hover, Input.FormTextBox:hover { border-color:#b3b2b1; background-color:#7ad8ec; background-image:none; border-width: 1px; } .FormTextArea { width:300px; Height:180px; border:1px; border-color:#b3b2b1; border-style:solid; background:url(images/FormLabel.jpg) repeat-x bottom #fff; padding:6px 6px 6px 6px; Margin:2px; } .FormTextArea:focus,.FormTextArea:hover { border-color:#b3b2b1; background-color:#7ad8ec; background-image:none; border-width: 1px; } .FormSubmit{margin:10px 10px 10px 0;Padding:5px 5px 5px 5px;}
Check browser support
Check browser support here:
http://csscreator.com/properties#Pseudo-classes
Thanks Tony, this just
Thanks Tony,
this just confirms that I definitely have a problem in IE, but I am not sure where. Any assistance with this would be great!?!
fixed
was just the doc type... now working in IE