Question

我正在使用自定义.net验证程序，如下所示，自定义验证程序仅在验证摘要中显示它的错误消息。我已经在验证摘要中设置了CssClass，这很好用，并在li标签中显示我的所有错误消息。我想要的是我的验证器之一，在验证摘要中有一个单独的样式，我尝试设置如下的值，但自定义验证器的CssClass永远不会反映在HTML中

<asp:CustomValidator ErrorMessage="Test error" ID="problemsLoggingIn" runat="server" Display="None" ValidationGroup="LoginValidationGroup" CssClass="specialCaseLi" ForeColor="" />

<asp:ValidationSummary ID="ValidationSummary1" DisplayMode="BulletList" CssClass="errorMsg" runat="server" ValidationGroup="LoginValidationGroup" />

提供此HTML：

<div id="ctl00_MainContentPlaceHolder_LoginView_LoginForm_ValidationSummary1" class="errorMsgDiv" style="color:Red;">
<ul><li>Test error</li></ul>
</div>

Answer 1

以下是一些可行的CSS：

enter code here.validation-summary-errors {
background-color: #D9FFB2;
border:1px solid #5CBA30;
width: 400px;
}
 span.validation-summary-errors {
border-bottom-color: #D9FFB2;
display:block;
}
     ul.validation-summary-errors {
margin:0;
padding:0;
border-top:none;
}

点击此链接：Surrounding a ValidationSummary with a box via CSS

在ValidationSummary中为CustomValidator设置CssClass

1 个答案: