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; }

希望有所帮助

覆盖CSS ValidationMessageFor

1 个答案: