Как стилизовать <input type = "text"> в IE6 CSS?

Question

Есть ли какой-нибудь элегантный способ применить определенный стиль ко всем <input type="text"> элементам в IE6? Я могу сделать это с помощью некоторого JavaScript, но мне было интересно, есть ли более элегантный способ сделать это.

Примечание. Я не могу применить определенный класс ко всем текстовым полям вручную. И я бы хотел избегать CSS-выражений .

Answer 1

AFAIK, IE6 не поддерживает селекторы атрибутов , поэтому я думаю, что ответ - нет. Вы должны будете использовать одно из следующего:

1. Добавить общий атрибут класса ко всем <input type="text"/> элементам.
2. Используйте JavaScript, как вы предложили.

Оба из которых вы хотите избежать. Жаль.

Answer 2

Если вы используете jQuery, попробуйте добавить это в свой onDOMready:

$('input[type="text"]').addClass('typeText');

Тогда в вашем CSS вы могли бы что-то вроде:

input.typeText, input[type="text"] {
     color:#efefef;
}

Answer 3

Работает ли на вашем элементе ввода атрибут класса?

input.text {

// некоторые CSS-атрибуты и значения здесь ....

}

• может быть более элегантный, чем JS

Answer 4

У вас также есть другие элементы ввода, которые вы хотите стилизовать иначе, чем элемент "текст"? Если нет, просто примените стиль ко всем элементам ввода с помощью CSS:

input {
border: 1px #8194b2 solid;
font : normal 100% "Tahoma", sans-serif;
}