Ошибка ввода-валидации MVC CSS не работает

Question

утро

Я не могу заставить работать css ошибки ввода, когда у меня уже есть класс для поля ввода.

<%=Html.TextBox("FirstName", null, new { @Class = "text" })%>
<%=Html.ValidationMessage("FirstName", new { @style = "color: red;", @Class = "errorInValid" })%>

если я достану новый {@Class = "text"}, тогда

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: red !important;     
}

Вышеприведенный CSS работает.

Помощь

С уважением, Пит

спасибо заранее (я чушь в CSS)

Answer 1

Не совсем ответ, но попробуйте проверить порядок применения классов в CSS.

input-validation-error обычно визуализируется перед любыми другими классами, такими как

<input type="text" class="input-validation-error text-box single-line">

попробуйте положить его в конец firebug и посмотреть, не изменится ли что-то - возможно, оно будет перезаписано другим правилом.

Не знаю, как определяется ваш класс .text - вы также можете попытаться определить .input-validation-error как form .input-validation-error , чтобы он автоматически приобретает все большее значение.

Это определенно каскадная проблема.

Answer 2

Добавьте классы .input-validation-error и .input.input-validation-error.