CSS de erro de validação de entrada de validação MVC não funciona

Question

manhã

Não consigo fazer com que o CSS de erro de validação de entrada funcione quando já tenho uma classe para a caixa de entrada.

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

se eu tirar new { @Class = "text" } então

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

O CSS acima funciona.

Ajuda

Atenciosamente, Pete

obrigado antecipadamente (sou péssimo em CSS)

Answer 1

Não é realmente uma resposta, mas tente verificar a ordem de como as classes são aplicadas no CSS.

erro de validação de entrada geralmente é renderizado antes de qualquer outra classe, como

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

tente colocá-lo no final do firebug e veja se algo muda - provavelmente será substituído por outra regra.

Não sei como sua classe .text está definida - você também pode tentar definir .erro de validação de entrada como formulário .input-validation-error então ele automaticamente ganha maior importância.

Este é definitivamente um problema em cascata.

Answer 2

Adicione as classes .input-validação-error e .input.input-validação-erro.