3

我有以下 css 代码在 Firefox/Chrome 中工作,但在 IE8 中没有

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

如果我删除属性选择器,它可以在 IE 中工作,但它适用于我不想要的所有输入。

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

我以为IE8支持属性选择器,所以我不知道问题是什么。这与输入中的代码无关,从我使用属性选择器的那一刻起,无论里面的代码如何,css 规则都不起作用。

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.

4

3 回答 3

5

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

于 2013-05-02T11:06:39.833 回答
1

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

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

于 2013-05-02T11:07:13.510 回答
0

去这个问题

习惯了jquery

像这样

$('input[type="text"]').css({float: 'right'});
于 2013-05-02T11:07:26.337 回答