Переключатели не отмечены красным, когда проверка не удалась (работает только с IE)

Question

Я установил проверку на стороне клиента в моей форме ajax (загружается с помощью диалога jQuery).При отправке формы в Internet Explorer я четко вижу, какие поля являются неправильными (см. Ниже: 2 текстовых поля + переключатели).

Когда я тестирую в другом браузерекак и в Firefox, переключатели не отмечены красным, как в IE (см. ниже).

У кого-то есть идея, почему или что мне нужно сделать, чтобы показать этикрасные метки?

Спасибо.

---

ОБНОВЛЕНИЕ

Когда я получаю источник моей страницы во время выполнения, вот что у меня есть длямой первый переключатель:

<input name="ADR" class="input-validation-error" id="ADRYes" type="radio" data-val-required="Le champ ADR est requis" data-val="true" value="Yes"/>

Итак, у меня есть действительные теги для проверки.

Теперь, когда я отлаживаюсь под IE (инструменты разработчика), вот что я вижу:

И когда я отлаживаю под Firefox, вот что я вижу:

Я вижу действительные HTML-теги для проверки, НО никакие стили не установлены на переключателях, потому что Firefox, Chrome, Safari don 'Разрешить переключателям иметь границы или цвет фона.

Answer 1

Попробуйте outline вместо border:

.input-validation-error {
    background-color: #ffeeee;
    outline: 1px solid #ff0000;
}

Answer 2

Спасибо, Дарин. Я использую jquery.validation.js и только что добавил

outline: 1px solid #ff0000;

в свой CSS

input.error{border:1px solid red;outline: 1px solid red;}
textarea.error{border: 1px solid red;}