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

Question

我有一个为文本字段定义的类。我对所有浏览器使用input [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

您可以使用条件注释来加载特殊的样式表。例如

<!--[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/来尝试这样的事情。