覆蓋CSS ValidationMessageFor

Question

我似乎無法以我的Ajax形式將新的CSS放入validationMessageFor中...

 @using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", OnSuccess = "Success", OnFailure = "Fail" }))
{

<div class="separaror">
    <div class="line1">
        @Html.LabelFor(m => m.Name)
        <br />
        @Html.TextBoxFor(m => m.Name)

            @Html.ValidationMessageFor(m => m.Name)

    </div>

    <div class="linha2">
        <br>
        <input type="submit" value="Save" />
        <input type="button" id="btnCancel" value="Cancel" />
    </div>
</div>

}

我的CSS

.field-validation-error {
color: #e80c4d;
font-weight: bold;
}

.field-validation-valid {
display: none;
}

input.input-validation-error {
border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
border: 0 none;
}

.validation-summary-errors {
color: #e80c4d;
font-weight: bold;
font-size: 1.1em;
}

.validation-summary-valid {
display: none;
}

它不會覆蓋。為什么呢？ 任何幫助，將不勝感激！ 我直接從Visual Studio的默認Asp MVC 4應用程序復制了CSS，我不知道為什么這不起作用。 我正在執行的應用程序不是mvc 4中的默認應用程序，因此肯定缺少某些內容

Answer 1

您需要設置.input-validation-error來驗證輸入

這就是你的做法

.input-validation-error{ background: pink; border: 1px solid red; }

如果您設置.field-validation-error樣式，它將更改驗證錯誤消息。

.field-validation-error{ color: red; font-weight: bold; }

希望能幫助到你