为什么CSS不适用于IE中的文本框?

时间:2011-11-08 15:23:52

标签: css

以下CSS在FF中有效,但在IE中无效。

select,input[type=text] {
    width:200px;
    height: 20px;
}

3 个答案:

答案 0 :(得分:1)

你正在使用IE6吗?因为IE6不支持属性选择器(input [type = text]),所以你应该使用一个类来设置它们的样式。

试试这个: F12,(显示开发人员工具)和文档模式是?

可能你的页面有一个有效的DTD,但包含很多错误,IE8和9回退到兼容模式(模拟IE7)。请参阅Internet选项的“高级”选项卡 - “使用兼容性视图从渲染错误中恢复”

答案 1 :(得分:0)

IE无法使用像这样的伪类。你使用的是哪个版本的IE? 编辑:对不起,我的意思是JAiro已经说过的属性选择器。

答案 2 :(得分:0)

CSS选择器兼容性:

您可能需要查看css selectors compatibility chart。您也可以在线css selectors test

这是另一个compatibility chart

浏览器支持:

IE 6不支持太多。我不了解你的观众,但也许没有必要支持IE 6?

如果您不熟悉目标受众,可能需要查看statcounter:IE 6在全球的市场份额约为2.5%。

Google dropped support适用于IE 6。

如何修复:

  • 您可以使用JavaScript解决此问题(示例:jQuery文章,another one
  • 删除对IE 6的支持
  • 使用班级/ ID选择