Question

我的ASP.net网站上的一个GridView标题出现问题。我想在我的标题单元格中显示绿色背景颜色的白色文本。我还希望将这些单元格的边框颜色保持为黑色。

这是我用于标题的CSS：

.myHeaders
{    
    color: White;
    font-size: 7pt;
    background-color: Green;
    border-color: Black
}

我在Gridview中使用HeaderStyle属性引用它：

<HeaderStyle CssClass="myHeaders" />

这在Chrome和IE中运行良好，但在firefox中，border-color设置为与forecolor相同的值！我怎样才能让它发挥作用？

谢谢！

Answer 1

表格元素上的

Firefox does not support border-color。只需使用border速记属性（border: 1px solid black）即可。这也适用于其他浏览器。

Answer 2

为什么不右键单击GridView并选择“AutoFormat”，以便为GridView自定义颜色。？

Answer 3

使用border-color本身显然不起作用。您应该至少使用border-style来设置边框。

.myHeaders
{    
    color: White;
    font-size: 7pt;
    background-color: Green;
    border-style: Solid;
    border-color: Black
}

Answer 4

您可以设置行的颜色或tr - 标记。这意味着行内的任何子元素都会继承此颜色。 Firefox遵循CSS规则，规定所有四个边框都应定义颜色，否则将使用默认颜色，即color: red。

.myHeaders {
    color: Red;
}

这就是为什么每个边框都变成红色（或者说是白色）。您应该设置要继承的任何兄弟的边框颜色。这将迫使Firefox忽略颜色，并在其继承的树中找到最接近的边框颜色定义。

tr.myHeaders > td, tr.myHeaders > th {
    border-color: inherit;
}

Answer 5

我最后补充说：

foreach (TableCell tc in e.Row.Cells)
{
    tc.Attributes["style"] = "border-color: Black";
}

在GridView的RowDataBound事件中。这很有用。

我不满意我必须使用代码隐藏解决方案，但现在不想花更多时间在它上面！感谢您的所有帖子！