asp.net - 如何覆盖服务器端控件的页面 CSS？

Question

我的页面使用将 td 内边距设置为 0px 的样式表。

我的 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。

我做错了什么？

感谢您的帮助。

Answer 1

此问题不仅与服务器控件有关。如果您有通用的 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 插件)，您可以看到哪个样式定义覆盖了您当前的样式。

http://getfirebug.com/