2012-01-08 76 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