IE6 <input type =\'text\'/>宽度问题

问题描述

| 我有一个令人讨厌的IE6布局错误 此屏幕快照显示了问题： 问题：文本输入，即

<input type=\'text\' />

大小错误。 文本输入有点奇怪。它们应该为248px宽（如textarea），并且与标签相同的水平位置。所有其他浏览器似乎都遵循以下代码，但我们的朋友IE6却没有

.simple_form input[type=\'text\'],.simple_form input[type=\'email\'],.simple_form textarea
  {
    width:240px;
    border:1px solid #ccc;
    padding:3px
  }

我不知道我在这里做错了什么，这让我发疯。有问题的页面在这里。输入比IE6中的248px宽得多。在CSS中使用IE6时，在理解ѭ2时是否存在问题？ 可以发布更多代码

解决方法

IE6不支持CSS中的属性选择器。 您将使用与IE6兼容的方式来选择那些元素，例如类。,除了先前的答案外，还请记住将所述CSS选择器保留在单独的选择器中。例如

input[type=\"text\"],input.text {
  color: red;
}

IE6将完全忽略这一点。但...

input[type=\"text\"] {
  color: red;
} 
input.text {
  color: red;
}

应该管用。,IE6不支持CSS属性选择器。尝试使用类似以下的选择器：

.simple_form input.text {
  ...
}

另外，请记住IE6的盒子模型的区别。,是的，根据我的经验，我们的红发继子不能很好地解决属性问题。而是做类似的事情

.input {/*your styles*/}

它不仅具有浏览器适应性，而且通过CSS重置也可以使浏览器永久存在。