gpt4 book ai didi

排序打开时的 ASP.NET GridView CSS 问题

转载 作者:行者123 更新时间:2023-11-28 09:15:24 25 4
gpt4 key购买 nike

我在 ASP.NET 应用程序中创建了一个 GridView,并使用自动格式工具应用了一种有吸引力的样式。现在我将样式标记移动到 CSS 表,但我遇到了一个奇怪的问题,即标题行中的文本颜色不正确(它应该是白色但显示为亮蓝色)。 这个问题只有在我打开排序时才会出现。

其他一切正常。例如,我可以将页眉背景更改为红色,它会变成红色,并适当应用其余的网格样式。

有人知道这笔交易是什么吗?我在下面包含了代码片段。我对 CSS 也很陌生。如果有人有任何技巧可以让我的 CSS 标记在某些方面变得更好,请告诉我。

谢谢!

这是 ASP.NET 代码。我可以将 ForeColor="White"添加到 HeaderStyle,一切正常。

<asp:GridView ID="GridView1" runat="server" CssClass="grid"
AutoGenerateColumns="False" DataKeyNames="ID" DataSourceID="SqlDataSource1"
EmptyDataText="There are no data records to display." AllowSorting="True"
CellPadding="4" GridLines="Both">
<FooterStyle CssClass="grid-footer" />
<RowStyle CssClass="grid-row" />
<Columns>
<asp:BoundField DataField="Kingdom" HeaderText="Kingdom"
SortExpression="Kingdom" />
<asp:BoundField DataField="Phylum" HeaderText="Phylum"
SortExpression="Phylum" />
<asp:BoundField DataField="GenusSpeciesStrain" HeaderText="Genus species (strain)"
SortExpression="GenusSpeciesStrain" />
<asp:BoundField DataField="Family" HeaderText="Family"
SortExpression="Family" />
<asp:BoundField DataField="Subfamily" HeaderText="Subfamily"
SortExpression="Subfamily" />
<asp:BoundField DataField="ElectronInput" HeaderText="Electron Input"
SortExpression="ElectronInput" />
<asp:BoundField DataField="OperonLayout" HeaderText="Operon Layout"
SortExpression="OperonLayout" />
</Columns>
<PagerStyle CssClass="grid-pager" />
<SelectedRowStyle CssClass="grid-selected-row" />
<HeaderStyle CssClass="grid-header" />
<EditRowStyle CssClass="grid-row-edit" />
<AlternatingRowStyle CssClass="grid-row-alternating" />

这是我使用的样式表中的内容:

body {
}

.grid
{
color: #333333;
}

.grid-row
{
background-color: #EFF3FB;
}

.grid-row-alternating
{
background-color: White;
}

.grid-selected-row
{
color: #333333;
background-color: #D1DDF1;
font-weight: bold;
}

.grid-header, .grid-footer
{
color: White;
background-color: #507CD1;
font-weight: bold;
}

.grid-pager
{
color: White;
background-color: #2461BF;
text-align: center;
}

.grid-row-edit
{
background-color: #2461BF;
}

最佳答案

我猜亮蓝色与超链接的颜色非常相似。使 gridview 可排序意味着您将在 header 中有一个标签,而不仅仅是纯文本。

这应该对其进行排序:

.grid-header a { color: White; background-color: #507CD1; font-weight: bold; }

关于排序打开时的 ASP.NET GridView CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/309035/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com