设置gridview标题颜色

时间:2010-10-13 07:13:40

标签: asp.net gridview

我在asp.net和c#工作 我有一个网格视图。我在该网格视图中有10列。我对网格视图标题文本颜色有一些问题。 一些列标题有链接(用于排序)。此标题文本的颜色为浅蓝色。单击蓝色后,将颜色更改为另一种颜色。

某些列标题没有链接。这种标题文字的颜色是灰色的。

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

3 个答案:

答案 0 :(得分:15)

您可以在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;
}

答案 1 :(得分:10)

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

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

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

主要在表格中设置tr,th,td样式。

答案 2 :(得分:2)

您需要将此添加到CSS:

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

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