如何覆盖页面的CSS以进行服务器端控制?

时间:2012-01-08 14:09:53

标签: asp.net css

我的页面使用样式表将td填充设置为0px。

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

但是在页面源代码中,我可以看到padding-top:0和padding-bottom:0。

我做错了什么?

感谢您的帮助。

1 个答案:

答案 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/

如果您使用firebug(一个firebug插件),您可以看到哪种样式定义覆盖了您当前的样式。

enter image description here

http://getfirebug.com/