Question

我有一个为文本字段定义的类。我对所有浏览器使用输入[type =“text”]但IE6，并使用jQuery为IE6添加“.txt”类名。这里的问题是当我在同一行上定义两个选择器时，IE6不会重新组合“.txt”类。但是，如果我使用相同的规则单独定义每个选择器，它就可以工作。

这在IE6中不起作用

input[type="text"], .txt{ float:left; padding:0 0 0 2px; width:233px; height:24px; border:2px solid #bbb; color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

这在IE6中有效

input[type="text"]{ float:left; padding:0 0 0 2px; width:233px; height:24px; border:2px solid #bbb; color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
.txt{ float:left; padding:0 0 0 2px; width:233px; height:24px; border:2px solid #bbb; color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:1em; }

如何为同一行上的两个选择器定义一个单一规则？

THX！

Answer 1

IE6在遇到无法识别的input[type="text"]时停止。不幸的是，你必须单独完成。

Answer 2

您可以使用条件注释来加载特殊样式表。 e.g。

<!--[if lt IE 7 ]> 
  <link media="all" type="text/css" rel="stylesheet" href="ie6.css"> 
<![endif]-->

这也允许您解决一些特定于IE6的问题，而不会弄乱其余的样式表

参见http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx 和http://blogs.msdn.com/b/ie/archive/2005/10/12/480242.aspx

Answer 3

由于IE6无法识别或支持属性选择器，因此它会跳过整个规则并继续执行下一个规则。你必须制定两个单独的规则。那或者只是依赖于txt类。

Answer 4

你可以使用http://jsfiddle.net/来解决这些问题。

将输入[type =“text”]与其他选择器一起使用

4 个答案: