在 ValidationSummary 中为 CustomValidator 设置 CssClass答案

【问题标题】：Set CssClass for CustomValidator in ValidationSummary在 ValidationSummary 中为 CustomValidator 设置 CssClass
【发布时间】：2025-11-26 16:25:01
【问题描述】：

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

【问题讨论】：

标签： .net validation

【解决方案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

【讨论】：