设置gridview标题颜色答案

【问题标题】：setting gridview header color设置gridview标题颜色
【发布时间】：2010-10-13 07:13:39
【问题描述】：

我正在使用 asp.net 和 c# 我有一个网格视图。我在那个网格视图中有 10 列。我对网格视图标题文本颜色有一些问题。一些列标题有链接（用于排序）。此类标题文本的颜色为浅蓝色。单击蓝色后变为另一种颜色。

某些列标题没有链接。此类标题文本的颜色为灰色。

我想将整个标题文本的颜色设置为单一颜色，如灰色。单击链接后，它必须是相同的颜色。提前致谢

【问题讨论】：

【解决方案1】：

您可以在您的 css 文件中定义 css 类。在定义了你的类之后，你可以用你的类名来设置你的网格 CssClass 属性。例如；

.GridStyle
{
    border: 6px solid rgb(217, 231, 255);
    background-color: White;
    font-family: arial;
    font-size: 12px;
    border-collapse: collapse;
    margin-bottom: 0px;
}
.GridStyle tr
{
    border: 1px solid rgb(217, 231, 255);
    color: Black;
    height: 25px;
}
/* Your grid header column style */
.GridStyle th
{
    background-color: rgb(217, 231, 255);
    border: none;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    padding: 4px;
    color:Black;
}
/* Your grid header link style */
.GridStyle tr th a,.GridStyle tr th a:visited
{
        color:Black;
}
.GridStyle tr th, .GridStyle tr td table tr td
{
    border: none;
}

.GridStyle td
{
    border-bottom: 1px solid rgb(217, 231, 255);
    padding: 2px;
}

【讨论】：

【解决方案2】：

您可以将样式和 css 类应用于 GridView 的不同元素，而不仅仅是将 css 类应用于主 GridView。

<AlternatingRowStyle CssClass="style1" />
<RowStyle CssClass="style2" />
<HeaderStyle CssClass="style3" />
<FooterStyle CssClass="style4" />
<SelectedRowStyle CssClass="style5" />

如果您查看为 GridView 生成的 HTML，然后您可以确定哪些元素被赋予了类，然后您可以应用任何您想要的样式。

主要是对表格内的tr、th、td进行样式化。

【讨论】：

【解决方案3】：

你需要将这个添加到 CSS 中：

.grid-header a 
{ 
  color: White; 
  font-weight: bold;
}

这是可排序的网格视图：HeaderStyle CssClass="grid-header" 对蓝色问题进行蓝色排序...

【讨论】：