Выделить input, не сбивая дефолтной браузерной темы

[SelenIT]

Прикручиваю jquery-вую валидацию к старинной спартанской формочке с дефолтным системным оформлением инпутов, столкнулся с проблемой, как выделить ошибочно заполненные (получившие класс .error). При изменении фона или бордера слетают остальные компоненты XPшной темы и измененные инпуты начинают казаться совсем чужеродными (другие размеры из-за padding-ов, псевдообъемность и т.п.). Outline — хороша, ненавязчиво выделяет, ничего не ломая, но... не работает в IE7 (да, совсем забыл: формочка рисуется в quirks mode, переверстывать некогда). Пока остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов, но... может есть еще что-нибудь простое и универсальное?

[Vlad]

input[type=text] для людей и filter дляIE8-9.

[rash]

А обертки сделать нельзя? Чтобы выбрать все элементы с классом .error, подняться вверх по DOM'у и стилизовать родителя?

Или для такой задачи неоправданое усложнение?

[SelenIT]

rash, боюсь что да. Плюс время жмет... Хочется отбиться простым CSSом для самих инпутов. В принципе, уже нашел удовлетворительное решение, просто хотелось расширить кругозор альтернативами и, возможно, подобрать лучшую.

Потом, конечно, переверстаю как надо с HTML5-доктайпом и прочим гламуром, но сегодня нужно сдать хоть кое-как работающий вариант

[rash]

Когда будет готово и позволит время - вкратце выложи пожалуйста удовлетворительное решение

[SelenIT]

Собственно, оно и есть

остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов

а конкретно

input.error, textarea.error {
  outline: 1px solid #fcc;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#ff8888,Strength=1);
}

Выглядит (на белом фоне) достаточно похоже и (имхо) достаточно интуитивно. Учитывая, что проект по сути внутренний, думаю, прокатит. Но, имхо, уметь без последствий управляться с дефолтным видом полей всё равно полезно...

[Vlad]

Есть еще такое свойство CSS3 как initial, задает стиль для элемента по умолчанию. В Firefox -moz-initial. Пока конкретно не придумал, как можно применить в данном случае, но что-то подсказывает, что можно задействовать.

[SelenIT]

За initial спасибо, ни разу не сталкивался, позже на досуге поэкспериментирую!

[Vlad]

Тогда вот описание.

https://developer.mozilla.org/en/CSS/initial

[SelenIT]

Vlad, спасибо еще раз!