asp.net datagrid 边框在其他浏览器中显示不同（坏）

Question

嘿，我知道页面在不同的浏览器中看起来会有所不同，但我的页面在 Chrome 中看起来很棒，在 mozilla 中还可以，在 IE 7 中非常糟糕。

遗憾的是，大多数使用我的页面的人都会使用 IE。

我的问题是边框。我在网格的行周围有一个红色的边框。在 chrome 中，它们都按应有的方式显示。在 Firefox 中，每行的底部和顶部以及外部列的右侧和左侧都可以正常工作，但所有内部列都没有垂直边框。

在 IE 中，所有边框都丢失了。我的列和行之间只有白色的间隙。

如果你们能给我提供任何提示或技巧，我将不胜感激。

编辑：

  <asp:GridView ID="ProductsGrid" runat="server" 
        AutoGenerateColumns="False" Height="323px" 
        style="margin-top: 23px; margin-left: 0px;" BackColor="White" 
        BorderStyle="None" BorderWidth="0px" CellPadding="4"
        Width="1210px" OnPageIndexChanging="gridView_PageIndexChanging"
        onrowdatabound="ProductsGridView_RowDataBound" AllowPaging="True"
        PageSize="25">

        </Columns>
        <EmptyDataRowStyle BackColor="Gray" />
        <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
        <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
        <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />
        <RowStyle ForeColor="#330099" BackColor="White" BorderColor="#6E1414" 
            BorderWidth="1px" />
        <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
        <SortedAscendingCellStyle BackColor="#FEFCEB" />
        <SortedAscendingHeaderStyle BackColor="#AF0101" />
        <SortedDescendingCellStyle BackColor="#F6F0C0" />
        <SortedDescendingHeaderStyle BackColor="#7E0000" />
    </asp:GridView>

Answer 1

尝试将GridLines 属性添加到您的GridView：

<asp:GridView ID="ProductsGrid" runat="server" GridLines="None" ...

您可以将属性设置为None、Both、Horizontal 或Vertical。您应该能够使用 GridLines 属性使其按您的意图工作。

编辑：我想我已经按照您的要求工作了。请尝试以下操作：

创建 CSS 样式：

<style type="text/css">
    .yourRowStyle td
    {
        border: solid 1px #6E1414;
    }
</style>

然后将您的RowStyle 替换为：

<RowStyle CssClass="yourRowStyle" ForeColor="#330099" BackColor="White" />

还要确保将GridView 设置为GridLines="None"。

我对其进行了测试，虽然我不确定您希望它是什么样子，但它应该可以工作。您可以 Css 将覆盖 GridViews 的怪癖。