asp.net - 我将如何使用 CSS 复制此 GridView 样式？

Question

这是一个基本问题，但我对 CSS 有点生疏，但我被要求使用 CSS 而不是“gridview 样式”标签(如下所示)。

基本上，我在我的 GridView 上使用以下样式:

 <RowStyle BackColor="#ededed" ForeColor="#333" HorizontalAlign="Center" />
 <FooterStyle BackColor="#465F7F" Font-Bold="True" ForeColor="White" />
 <PagerStyle BackColor="#465F7F" ForeColor="White" HorizontalAlign="Center" />
 <SelectedRowStyle BackColor="#465F7F" Font-Bold="false" ForeColor="#ffffff" />
 <HeaderStyle BackColor="#465F7F" Font-Bold="false" ForeColor="White" HorizontalAlign="Center" />
 <EditRowStyle BackColor="#B7B7B7" />
 <AlternatingRowStyle BackColor="#e2e6e8" ForeColor="#333333" />

我可以将其转换为 CSS 吗？所以我可以设置我的 GridView CssClass，它会应用所有这些样式。现在该代码在每个网格上都被复制，因此更改它是一件苦差事!

Answer 1

只需使用网格的 CssClass 属性并将所有内容放入该 css 类即可!

例如代替这个:

<RowStyle BackColor="#ededed" ForeColor="#333" HorizontalAlign="Center" />

您将对所有常用样式网格使用相同的标记:

<RowStyle CssClass="gridViewRow" />

然后 css 类看起来像这样:

.gridViewRow
{
   background-color:#ededed;
   color:#333;
   text-align:center;
}