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

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 2

To answer to your post’s title —not precisely your case—, I’ve just experiment a bug on IE8 :

I was working on the integration of an ASP.net project where pages names starts by a capital…

and…

WITH THIS FORM

<form name="aspnetForm" method="post" action="Default.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">

Internet Explorer 8 distinguish

form[action^="Default"]

Value : Default → don’t work (but work on IE11 and modern browsers…)

and

form[action^="default"]

Value : default → WORK

Answer 3

you can use input[type='submit'] { code here... } hopefully this is working in IE as well as older IE.

Answer 4

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

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

Example:

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