Использование ввода [type = "text"] с другими селекторами

Question

У меня есть класс, определенный для текстовых полей.Я использую input [type = "text"] для всех браузеров, кроме IE6, и использую jQuery для добавления имени класса ".txt" для IE6.Проблема в том, что когда я определяю оба селектора в одной строке, 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; }

Как определить одно правило для обоих селекторов в одной строке?

Спасибо!

Answer 1

Вы можете использовать http://jsfiddle.net/ для проверки таких вещей.

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

IE6 останавливается, когда он достигает input[type="text"], который он не распознает. К сожалению, вам придется сделать это отдельно.