Как стиль <input type = "text" > в IE6 CSS?
Есть ли элегантный способ применения определенного стиля ко всем элементам <input type="text">
в IE6? Я могу сделать это с помощью некоторого JavaScript, но мне было интересно, есть ли более элегантный способ сделать это.
Примечание. Я не могу применить определенный класс ко всем текстовым полям вручную. И я хотел бы избегать выражений CSS.
Ответы
Ответ 1
AFAIK, IE6 не поддерживает селектора атрибутов, поэтому я думаю, что ответ отрицательный. Вам нужно будет использовать одно из следующих действий:
- Добавьте общий атрибут класса ко всем элементам
<input type="text"/>
.
- Используйте JavaScript, как вы предложили.
Оба из которых вы хотите избежать. Слишком плохо.
Ответ 2
Если вы используете jQuery, попробуйте добавить это в свой onDOMready:
$('input[type="text"]').addClass('typeText');
Тогда в вашем CSS вы могли бы что-то вроде:
input.typeText, input[type="text"] {
color:#efefef;
}
Ответ 3
У вас также есть другие элементы ввода, которые вы хотите по-разному стилизовать с помощью элемента "text"? Если нет, просто примените стиль ко всем элементам ввода с помощью CSS:
input {
border: 1px #8194b2 solid;
font : normal 100% "Tahoma", sans-serif;
}
Ответ 4
Влияет ли на вас атрибут класса на ваш элемент ввода?
input.text {
//некоторые атрибуты и значения CSS здесь....
}
- может быть более элегантным, чем JS