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

Question

matin

je ne peux pas obtenir l'entrée de validation d'erreur css pour 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

salutations, 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 généralement avant toute autre classe 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 comme forme .input validation d'erreur il gagne automatiquement une plus grande importance.

Ceci est certainement un problème de cascade.

Answer 2

Ajoutez à la fois les classes .input-validation-error et .input.input-validation-error.