用于输入的Css属性选择器在IE8中不起作用

Question

我在Firefox / Chrome中使用以下css代码但在IE8中没有

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

如果删除属性选择器，它在IE中有效，但它适用于我不想要的所有输入。

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

我认为IE8支持属性选择器，所以我不知道问题是什么。 输入中的代码不是问题，从我使用属性选择器的那一刻起，无论代码在哪里，css规则都不起作用。

编辑：输入[type =“button”]的css规则和输入[type =“submit”] DO工作，但输入[type =“text”]不起作用。我现在真的很困惑。

Answer 1

仅当指定了！DOCTYPE时，IE7和IE8才支持属性选择器。 IE6及更低版本不支持属性选择。

Answer 2

根据http://reference.sitepoint.com/css/css3attributeselectors#compatibilitysection 属性选择器在IE8中非常错误

您可能想尝试在要选择的那些输入字段上使用类

Answer 3

转到 Question

用于jquery

就像这样

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