在 ValidationSummary中为 CustomValidator 设置 CssClass



>我使用的是如下所示的自定义 .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>

以下是一些可以工作的 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;
}

检查此链接:通过CSS用框包围验证摘要

最新更新