I'm having problem with styling the submit and cancel buttons in IE8.
Using:
.editableTable button[type="submit"]
{
background:url("../images/Ok-icon.png") no-repeat 0 0;
border:none;
}
and
.editableTable button[type="cancel"],.editableTable button[type="button"]
{
background:url("../images/Close-icon.png") no-repeat 0 0;
border:none;
}
I get what I want in FF and IE7 but in IE8 the button type is submit on both ok and cancel buttons so I get the OK-icon on both buttons. My other option was button:nth-child() but that doen't work in IE. So I'm stuck and really would appreciate any pointers...
Thank you!
Regards Sven
You might be missing a
Doctypedeclaration. Try adding<!doctype html>at the top of the page before the<html>start and see what happens. Also there is a quirk where IE sometimes does not understandtype="submit"but understandstype="Submit"and vice versa. Try those as well.Besides that a similar question has been asked a few times here on SO.
One of them is here Css attribute selector for input type="button" not working on IE7
--edit
Oh. Also found this question regarding selectors issue in IE8. Attribute selectors, JavaScript and IE8