0

我在桌子上有一个奇怪的问题......我在css中将边框设置为0，我将边框颜色设置为透明，但是，在浏览器中，它仍然在顶部显示一个边框在左边，这没有任何意义......

桌子看起来像<table cellspacing="0" style="border-width:0px;border-collapse:collapse;" id="gvTransactions" pagersettings="" rules="all" class="transaction-posts">

CSS看起来像：

table.transaction-posts, table#gvTransactions {
  border: 0 none transparent !important;
  border-radius: 0 0 0 0;
}

如您所见，即使我已将边框设置为 0，它仍会在顶部、左侧和每一行中输出黑色边框...

在此处输入图像描述

4

2 回答 2

0

在表标签中...添加边框 =“0”...如果这不起作用然后检查是否有任何 css 覆盖它，还将您的代码发布在 jsfiddle 中。

于 2012-04-23T09:15:02.573 回答
0

rules="all"标签中的 HTML 属性table导致在所有单元格的所有边上绘制边框。HTML 4.01 规范对此有些含糊地说，但这是浏览器解释它的方式。因此，如果您不想要任何边框，请删除该属性。

如果你想拥有一些边界但不是全部，你需要适当地设置它们。例如，如果最上面和最左边的边界是问题（这是对所问问题的一种解释），则设置

table#gvTransactions tr:first-child th, table#gvTransactions tr:first-child td {
  border-top: none;
}
table#gvTransactions th:first-child, table#gvTransactions td:first-child {
  border-left: none;
}

第一条规则删除第一行中任何单元格的上边框。第二个删除作为其父级的第一个子级的任何单元格的左边框，即第一列中的单元格。

于 2012-04-23T10:12:07.567 回答