Высота mvc3 .net selectList изменяется, когда класс 'input-validation-error' применяется через JQuery

Question

Простой пример:

Проверка даты рождения (DOB) - 3 Выберите списки:

1-й список - дни месяца (1-31)
2-й список - месяцыгод (январь-декабрь)
3-й список - год (1940 - 1989)

Потерять фокус любого из этих списков выбора и функция Javascript действительна для DOB.

Если DOB недействителен, т.е.31 февраля 1977 года класс input-validation-error применяется к 3 спискам выбора с использованием метода addClass.

Если этот параметр действителен, класс input-validation-error удаляется из 3 списков выбора.

Похоже, что input-validation-error изменяет высоту выбранных списков.

Есть ли способ остановить это, поскольку я пытался добавить высоту в класс, но это не помогает.

Answer 1

Загрузите страницу в Firefox и осмотрите соответствующий элемент с помощью FireBug. Определите, какой атрибут css изменяет высоту элемента при применении input-validation-error. Затем исправьте это.

Answer 2

Похоже, вы используете ненавязчивую проверку с MVC3. Просто переместите ValidationMessageFor в элемент, отличный от списков выбора, таким образом, CSS для списка выбора не изменится. Вы можете переопределить / настроить проверку (от поведения к стилю), изменив настройки $. Validator . Взгляните сюда