出现的细边框似乎是由display:table-row和/或display:table-cell属性引起的.
注意:它实际上不是白色边框,它是一种rgba:(0,alpha);你可以看到,如果你改变桌子后面的背景颜色.
通过将td样式更改为显示:inline-block;或tr样式来显示:block;,它将摆脱左边和下面的细胞的右边界,但底部边界仍然是立场.
实际上,用rgba(0,0)覆盖border-color;任何东西(table,tr,td ……)都不会改变任何东西,边界崩溃也不会崩溃; (正如Morpheus所说).
要么计算出的样式没有显示任何计算出的边框,但是,它仍然在这里……
注意:iOS似乎也会计算边框,具体取决于用户的缩放比例(在真实的iPad上测试).
以下是Safari iOS的默认表格样式:
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
td,th {
display: table-cell;
vertical-align: inherit;
}
我仍在寻找一个可以添加alpha边框的隐藏CSS,如果我找到任何内容,我会更新我的答案.