Question

我使用Asp.net 4.0 GridView控件来显示数据库中的数据。我已将内置主题应用于GridView。

    <asp:GridView ID="gv" runat="server" CellPadding="4" EmptyDataText="No records found."
    ForeColor="#333333" OnRowCommand="gv_RowCommand" Width="99%" OnPageIndexChanging="gv_PageIndexChanged"
    PageSize="50" AllowPaging="True" GridLines="None" AutoGenerateColumns="true">
    <AlternatingRowStyle BackColor="White" />
    <EditRowStyle BackColor="#7C6F57" />
    <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
    <HeaderStyle CssClass="GridHeader" BackColor="#1C5E55" Font-Bold="True" ForeColor="White" HorizontalAlign="Left" />
    <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
    <RowStyle BackColor="#E3EAEB" />
    <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
    <SortedAscendingCellStyle BackColor="#F8FAFA" />
    <SortedAscendingHeaderStyle BackColor="#246B61" />
    <SortedDescendingCellStyle BackColor="#D4DFE1" />
    <SortedDescendingHeaderStyle BackColor="#15524A" /></asp:GridView>

我尝试在主页面中强制设置CSS

        .GridHeader { background-color:#1C5E55 !important;}

但我仍然缺少背景色。

当页面加载js / css内容时，我可以看到应用于网格的backgroundcolor（少于1秒）

注意：我已经尝试清除IE的缓存，ctrl + F5，shift + reload等。

以下是我的问题的示例页。

http://vd2.weenggs.com/Items.aspx

电子邮件：test@test.com

传递：测试

.PACP-box:before, .PACP-box:after, .PACP-box-body:after, .PACP-box-body:before
{
background-repeat: no-repeat;
bottom: 0;
content: " ";
line-height: 0;
position: absolute;
top: 0;
}

我发现上面的CSS块会导致样式渲染/覆盖问题。我无法删除此块，因为它会导致布局中断。

任何人都可以拥有上述块的备用CSS。？

由于

Answer 1

我在标题中看到#1C5E55。我没有看到HTML中定义的任何GridHeader类。 BackColor中定义的HeaderStyle是编码投掷tr的样式属性。正如您所提到的，您的颜色被ecmascript代码覆盖。你可以通过禁用ecmascript轻松检查这一点。然后你会知道问题是在CSS还是脚本中。

Answer 2

给予BackColor =“你想要的颜色”它适用于所有浏览器。但你不能给标题添加渐变

IE8删除了Asp：Gridview标题行的背景颜色

2 个答案: