所有gridView的常见css样式

Question

如果我网站上有很多网页，请

• PAGEONE
• PageTwo
• PageThree
• PageFour

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

• PAGEONE（GridOne）
• PageTwo（GridTwo）
• PageThree（GridThree）
• PageFour（GridFour）

我想以独特的方式更改所有gridViews的外观。

我不想使用CssClass赞

设置样式

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

我不想使用他们的身份证件 有没有办法改变所有gridViews的样式，如

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

Answer 1

我认为如果不在gridview上设置CSS类属性，就不会这样做 - 您也不希望因为您冒着影响代码中其他元素的风险。

本文提供了一个CSS类的示例，您可以使用它来为gridview设置样式：http://evonet.com.au/creating-a-great-looking-gridview-with-filtering/

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

Answer 2

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

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

您可以更改以取消 td、使用 th 或其他任何内容，但这应该可以。我确实意识到这是 7 年后的事实，但了解这一点很有用。

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