IE6 <INPUT TYPE = '文本'/>宽度问题

我有一个恼人的IE6布局错误IE6 <INPUT TYPE = '文本'/>宽度问题

此屏幕快照显示该问题：

enter image description here

问题：文本输入即<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 
    }

我不知道我在做什么错在这里，它的驾驶我坚果。有问题的页面是here。 IE6中的输入显着宽于248像素。在CSS中使用时，IE6是否有理解input[type='text']的问题？

可以发布更多的代码

来源

2011-04-19 stephenmurdoch

IE6不支持attribute selector在CSS。

您将选择使用IE6兼容方式（如类）的元素。

来源

2011-04-19 02:15:01 alex

谁在乎IE6 ..... ya ya我知道我知道客户正在使用它，但是是啊...... IT SUCKS ... Alex是正确的你需要一个备用选项来选择你已经为他们工作的选择器在IE6中，也许是一个输入类？ – locrizak 2011-04-19 02:16:37

谢谢，这就是答案 - 很高兴知道这个 – stephenmurdoch 2011-04-19 02:23:12

IE6不支持CSS属性选择器。尽量选择像，而不是执行以下操作：

.simple_form input.text { 
    ... 
}

另外，记得在box model for IE6的差异。

来源

2011-04-19 02:15:45

非常感谢，我会用一个班来解决这个问题。干杯 – stephenmurdoch 2011-04-19 02:24:15

是的，我们的红头发的小孩，根据我的经验不能很好地解决属性问题。相反，做类似

.input {/*your styles*/}

不仅是浏览器的适应性，但与CSS重置，你会发现它的浏览器持久性以及。

来源

2011-04-19 02:17:01 Version1

除了以前的答案，还记得要保持说，CSS选择器在一个单独的选择器。例如，

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

这将被IE6完全忽略。但...

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

应该工作。

来源

2012-06-01 14:12:47

IE6 <INPUT TYPE = '文本'/>宽度问题

回答

相关问题