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;
}

希望这有帮助！