Question

我正在使用ASP.NET MVC 2，并且使用DataAnnotation来验证我网站上的字段，但我希望错误消息根据表单有两种不同的样式。我知道DataAnnotation使用这两个css类：

.input-validation-error
{
   background-color: #ffeeee;
   border: solid 2px #ff9999;
}

.validation-summary-errors
{
   font-weight: bold;
   color: #ff0000;
}

我的问题是，您可以指定验证使用哪个css类，如果是，如何？谢谢你们提前帮助。到目前为止，我还没有找到这个答案。

Answer 1

您可以为表单提供不同的ID并调整CSS。例如：

<form action="/foo" method="post" id="form1">
    ...
</form>

<form action="/foo" method="post" id="form2">
    ...
</form>

然后有不同的CSS规则：

#form1 .input-validation-error
{
   background-color: red;
   border: solid 2px #ff9999;
}

#form2 .input-validation-error
{
   background-color: blue;
   border: solid 2px #ff9999;
}

2个不同的DataAnnotation验证样式与css

1 个答案: