asp.net - 所有 GridView 的通用 CSS 样式

Question

如果我的网站上有很多页面喜欢

• 第一页
• 第二页
• 第三页
• 第四页

我asp:GridView在每一页都有一个

• PageOne(GridOne)
• PageTwo(GridTwo)
• PageThree（网格三）
• PageFour(GridFour)

我想以独特的风格改变所有 gridViews 的外观。

我不想用CssClass喜欢来设置风格

<asp:GridView ID="GridOne" runat="server" CssClass="style">
</asp:GridView>

而且我不想使用他们的 ID。
有什么办法可以改变所有 gridViews 的样式，例如

• 标题样式
• 行样式
• 页脚样式
• 使用一些 CSS 选择行样式！

Answer 1

我认为如果不在 gridview 上设置 CSS 类属性，您就无法做到这一点——您也不想这样做，因为您冒着影响代码中其他元素的风险。

这篇文章有一个 CSS 类的示例，您可以使用它来设置网格视图的样式：http: //evonet.com.au/creating-a-great-looking-gridview-with-filtering/

然后，您需要做的就是将 CssClass="Gridview" 添加到您的每个 Gridview 中，我在您的问题中意识到这不是您想要的，但我认为这是最好的方法，

Answer 2

我最近遇到了同样的问题，我使用CSS 选择器将样式应用于所有 GridView 表。如果您使用这个 CSS，那么您可以将 5px 的填充应用于 GridView 中的所有 td

    table[id*=GridView] td{
        padding: 5px;
    }

您可以更改以取消 td，使用 th 或其他任何东西，但这应该可以。我确实意识到这是事实发生 7 年后的事，但知道这一点很有用。

更新：这是假设所有 GridView 都具有 Visual Studio 添加的默认 ID - 如果您更改了 ID，那么这将不起作用。