不通过使用 CSS 更改 Gridview 中的标题文本颜色答案

【问题标题】：Not Changing Header Text Color In Gridview through using CSS不通过使用 CSS 更改 Gridview 中的标题文本颜色
【发布时间】：2010-10-13 22:42:18
【问题描述】：

我正在使用 asp.net c#。我正在使用 gridview 来显示数据。我通过 CSS 控制所有格式。在gridview中，我定义了itemtemplate + edititemtemplate + footertemplate，并通过模板字段的绑定列进行排序。我的问题是作为标题显示的列名，颜色不会通过 CSS 更改，字体大小，键入一切正常，但前景色已修复，因为蓝色是任何主体，请帮助我如何更改标题的前景色，这是允许的排序。

我的代码如下所示： asp:TemplateField HeaderText="Slsmn 号" HeaderStyle-CssClass="GridHeaderStyle" SortExpression="Profile_Var"

问题是“Slsmn No.”。显示蓝色和下划线，但在 css 中我给出了颜色：红色

谢谢

【问题讨论】：

如果您可以选择我会使用 ListView 控件。如果您想控制 CSS 并且您已经在使用模板字段。
能否也给我们看看 CSS 代码

标签： c# asp.net gridview

【解决方案1】：

您分配的 CSS 类 (GridHeaderStyle) 被应用于标题单元格，而不是标题链接。听起来好像正在应用默认链接颜色。

将以下内容添加到您的 CSS 文件中：

.GridHeaderStyle a {color: red;}

这应该会改变标题中的链接颜色。

希望这会有所帮助！

【讨论】：

【解决方案2】：

起初我尝试了 Jeremy 的解决方案，但它对我不起作用。这是因为生成的 .asp 代码在您使其可排序时强制在标题中添加一个 <style="color: #333333"> 标记。

解决问题的方法如下：

.GridHeaderStyle a {color: white!important}

!important 限定符将覆盖 asp 放入的样式。

【讨论】：

【解决方案3】：

发生这种情况是因为您没有定义任何关于链接颜色的 CSS 规则。

将以下内容添加到您的样式表中：

.GridHeaderStyle a {
    color: #f0f; /* or whatever */
}

【讨论】：

【解决方案4】：

这篇文章仍然没有最佳答案。我在 ismailperim 回答的同一个论坛中找到了以下代码。

.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;
}

肯定能解决问题

【讨论】：

【解决方案5】：

没有任何解决方案。我非常简单地解决了这个问题。在网格定义的末尾添加了“HeaderStyle”属性。它的样子：

... </Columns>
...
<HeaderStyle ForeColor="Red" />
<SelectedRowStyle ...
</asp:GridView> ...

【讨论】：