格式验证摘要

Question

我想要做的只是验证摘要的图像，并在验证摘要中格式化听者文本。这是针对 IE 的。

    .validationSummary{border:1px solid black; margin-bottom:7px;}
    .validationSummary ul{ color:black; list-style-type: square;}


<asp:ValidationSummary ID="ValidationSummary" runat="server" BackColor="LightGray" DisplayMode="BulletList" CssClass="validationSummary" EnableClientScript="true" meta:resourcekey="ValidationSummaryResource"/>

所以基本上我所需要的只是一种向验证摘要添加图标并访问听者 css 属性的方法。

我可以像这样访问标题：.validationSummary.HeaderText{color:Black;} IT 似乎无法正常工作。

Answer 1

给 UL 一些填充，一个背景图像，并将背景图像设置为显示在左上角。

类似

.validationSummary ul{
     padding-left: 50px;
     background: url(your image) no-repeat fixed left top;
}

这应该与您的设计相匹配，并具有足够的 tweeking。

Answer 2

您可以像这样添加标题：

 <asp:ValidationSummary ID="ValidationSummary" HeaderText ="<span>the following fields require your attention</span>"/>

css:

.validation_summary{
    background: url(/image.png) no-repeat left;
}