CSS de erro de validação de entrada de validação MVC não funciona
-
24-09-2019 - |
Pergunta
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)
Solução
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.
Outras dicas
Adicione as classes .input-validação-error e .input.input-validação-erro.