CSS 类属性不覆盖 ASP

Question

我遇到了一个问题，我无法获得 redgex 的摘要来格式化我想要的格式。

我已将 css 类放在与 redgex 摘要相同的 aspx 文件中，并将它们标记为重要。但是，当我运行它时，它仍然没有被使用。

更新

在 Chrome 的检查元素中，它说 redgex 摘要样式是红色的。 HedderText 变成红色，似乎是列表项没有跟上，但我不知道为什么它们没有覆盖默认值。

有什么想法吗？

Chrome 显示它没有被使用但不知道为什么:

CSS:

        .valError {
        color:red !important;
    }

    .validation_summary {
        color:red !important;
    }

ASP Redgex 总结:

<asp:ValidationSummary ID="ValidationSummary1" 
runat="server" 
ShowMessageBox="false" 
ShowSummary="true" 
ValidationGroup="v1" 
ForeColor="Red" 
DisplayMode="BulletList" 
CssClass="valError" 
HeaderText="<span>The below requires attention.</span>"/>

Answer 1

在没有应用任何样式的情况下，ValidationSummary 呈现为带有错误消息的乏味列表。

但是，用一些 CSS 来修饰它很容易，因为它只不过是一个内部有无序列表的 div。所以你必须在你的例子和类 .valError 中定义ul

让我们看一个例子:

<asp:ValidationSummary runat="server" 
    DisplayMode="BulletList" 
    CssClass="valError" />

接下来，把它放在一个有红色边框的盒子里

.valError{
 border: 2px solid red;
 color: red;
 margin: 5px 0px;
 padding: 15px;
}

假设我们想要错误列表上的填充和边距并将其向右移动

.valError ul {
 margin: 0;
 padding: 0;
 margin-left: 80px;
 list-style: square;
}

希望这对您有所帮助!