MVC Validierung Input-Validierung-Fehler CSS funktioniert nicht

Question

Morgen

Ich kann den Input-Validierung-Fehler CSS an der Arbeit, wenn ich eine Klasse bereits für das Eingabefeld habe.

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

, wenn ich neu herausnehmen {@class = "text"} dann

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

Die oben genannte CSS funktioniert.

Hilfe

Grüße, pete

Vielen Dank im Voraus (ich bin Mist bei CSS)

Answer 1

Nicht wirklich eine Antwort, sondern versuchen, die Überprüfung der Reihenfolge, in der Klassen angewendet bekommen in der CSS.

Input-Validierung-Fehler machen in der Regel vor allen anderen Klassen wie

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

versuchen, es am Ende in Firebug setzen und sehen, ob sich etwas ändert -. Wahrscheinlich die overwritte von einer anderen Regel bekommen

Sie wissen nicht, wie Sie Ihre .text Klasse definiert ist - Sie auch festlegen, könnten versuchen, auf .input-validation-Fehler Form .input-validation-Fehler so sie gewinnt automatisch höhere Bedeutung.

Dies ist auf jeden Fall eine Kaskade Problem.

Answer 2

In beiden .input-validation-Fehler und .input.input-Validierung-Fehlerklassen.