2014-09-24 108 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