Css attribute selector for inputs not working in IE8

Question

I have the following css code working in Firefox/Chrome but not in IE8

input[type='text']
{
    float: right;
    width: 170px;
}

If I remove the attribute selector, it works in IE but it applies to all the inputs, which I dont want.

input
{
    float: right;
    width: 170px;
}

I thought attribute selectors were supported in IE8, so I don't know what the problem is. It is not a matter of the code inside the input, from the moment I use the attribute selector, that css rule will not work whatever code is inside.

EDIT: Css rules for input[type="button"] and input[type="submit"] DO work, but for input[type="text"] DO NOT work. I'm really confused right now.

Answer 1

IE7 and IE8 support attribute selectors only if a !DOCTYPE is specified. Attribute selection is NOT supported in IE6 and lower.

Answer 2

According to http://reference.sitepoint.com/css/css3attributeselectors#compatibilitysection attribute selectors are quite buggy in IE8

You might want to try just using classes on those input fields you want to select

Answer 3

Go to this Question

Used to jquery

As like this

$('input[type="text"]').css({float: 'right'});