CSS attribute selector bug in IE8?

Question

as specified by CSS 2.1:

input[type=submit] {
}

or

input[type="submit"] {
}

must matches any input element whose "type" attribute value is exactly equal to "submit". However this selector doesn't works on IE8 (and IE7 compatibility mode). Any hint? workarounds?

Answer 1

jQuery will give you the selectors you need without dirty hacks.

$(':submit').css( 'styleprop', 'value' );

Example:

$(':submit').css('color','red');

www.jquery.com

Answer 2

internet explorer doesn't retroactively apply styles though.

and the use of those jquery selectors only applies to elements present before that code is run.

anything created and inserted into the DOM afterwards won't be affected by that code.

Answer 3

Check here: http://stackoverflow.com/questions/2185549/css-attribute-selector-for-input-typebutton-not-working-on-ie7/3386459#3386459

Check to make sure you have a DOCTYPE defined at the top of your page.