2012-01-08 46 views
0

我的頁面使用將td填充設置爲0px的樣式表。如何覆蓋服務器端控件的頁面CSS?

我的DataList的表和td屬性是通過樣式表設置的,我爲控件設置的樣式(例如cellpadding 4 & cellspacing 4)被忽略。

我想:

**Page.aspx** 
<asp:DataList runat="server" ID="dlSomething" CssClass="DataList" 
CellPadding="4" CellSpacing="4"> 

**StyleSheet.css** 
.DataList.td 
{ 
    padding-top: 4px; 
    padding-bottom: 4px; 
} 

但在網頁源代碼,我可以看到填充頂:0和填充底:0

我在做什麼錯?

感謝您的幫助。

回答

2

此問題不僅與服務器控制。如果你有一個通用的CSS定義和一個特定的CSS定義,它可以發生在任何HTML元素上。

你需要重寫第一個與您的特定CSS

.DataList.td 
    { 
     padding-top: 4px !important; 
     padding-bottom: 4px !important; 
    } 

http://css-tricks.com/override-inline-styles-with-css/

如果使用螢火蟲(螢火蟲一個插件),你可以看到哪些樣式定義被重寫當前的風格。

enter image description here

http://getfirebug.com/

+0

非常感謝。事實證明,我在CSS中犯了一個愚蠢的錯字。 .DataList和td:.DataList td之間不應該有一段時間。我想刪除這個問題,但你的回答有可能幫助其他人的有用信息。 – Zesty 2012-01-08 14:27:46