对投入的CSS属性选择在IE8不工作(Css attribute selector for inpu

2019-09-01 18:03发布

我有以下的CSS代码在Firefox / Chrome的工作,但不是在IE8

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

如果我删除属性选择器,它工作在IE浏览器,但它适用于所有的投入,这是我不想要。

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

我以为属性选择在IE8中得到支持,所以我不知道是什么问题。 这是不是里面输入的代码的问题,从我用的属性选择的那一刻,该CSS规则将不起作用任何代码在里面。

编辑:CSS规则输入[类型=“按钮”]和输入[类型=“提交”]做的工作,但对于输入[类型=“文本”]不起作用。 我现在真的感到困惑。

Answer 1:

IE7和IE8的支持属性只有当指定了!DOCTYPE选择。 属性选择在IE6和更低的不支持。



Answer 2:

据http://reference.sitepoint.com/css/css3attributeselectors#compatibilitysection属性选择器是IE8相当越野车

你可能会想尝试只使用上要选择那些输入域的类



Answer 3:

回到这个问题

使用jQuery的

作为这样的

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


文章来源: Css attribute selector for inputs not working in IE8
标签: html css input