MVC CSS entrée validation d'erreur de validation ne fonctionne pas

Question

matin

Je ne peux pas obtenir l'entrée de validation css erreur de travailler quand je l'ai déjà une classe pour la zone de saisie.

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

si je sors nouveau {@class = "text"} puis

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

Les travaux CSS ci-dessus.

Aide

Cordialement, pete

Merci à l'avance (je suis la merde au CSS)

Answer 1

Pas vraiment une réponse, mais essayez de vérifier l'ordre de la façon dont les classes s'appliqués dans le css.

entrée de validation d'erreur rend habituellement avant que d'autres classes comme

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

essayez de le mettre à la fin de Firebug et de voir si quelque chose change -. Probablement obtenir de overwritte par une autre règle

Je ne sais pas comment votre classe .text est définie - vous pouvez également essayer de définir .input validation d'erreur forme .input validation d'erreur si il gagne automatiquement une plus grande importance.

Ceci est certainement un problème en cascade.

Answer 2

COMBINEZ .input validation erreurs et .input.input-validation erreur classes.