2014-09-24 118 views
0

我遇到一个问题,我无法获取格式化我想要的格式的摘要。CSS类属性不覆盖ASP

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

更新

在Chrome的检查元素它说,redgex总结风格是红色的。 HedderText显示为红色,它似乎是不符合要求的列表项,但我不知道它们为什么不覆盖默认值。

任何想法?

浏览器显示它没有被使用,但不知道为什么: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>"/> 
+0

如何从aspx组件中查看生成的html源代码? – reporter 2014-09-24 11:26:24

+0

根据Chrome的检测元素,这是说总结风格是红色的。 HedderText显示为红色,它似乎是不符合要求的列表项,但我不知道它们为什么不覆盖默认值。 – SelrekJohn 2014-09-24 11:28:54

回答

1

没有任何造型,验证摘要呈现为带有错误消息的无聊列表。

但是,它很容易漂亮起来有些CSS,因为它没有什么比一个div更与无序列表inside.So你必须在你的榜样和类定义.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; 
} 

希望这有助于您!

+0

谢谢你的确,它看起来更令人印象深刻,但是列表项目仍然没有着色,不知道为什么。为ul和li类增加了颜色:红色,但仍不能覆盖默认值。 – SelrekJohn 2014-09-24 11:39:59

+0

等我帮你 – 2014-09-24 12:05:10

+0

你可以给我从谷歌控制台的HTML。右键单击并复制HTML所有元素来检查此? – 2014-09-24 12:35:47