html - 谷歌浏览器缺少右双边框

Question

我有一些（我认为相当简单，香草）HTML + CSS 像这样（省略不相关的部分）：

CSS：

.firstcol {border-bottom: solid 1px #666666; border-right: solid 1px #666666;}
.secondcol {border-bottom: solid 1px #666666;}

HTML：

<table style="BORDER: #666666 2px solid; border-collapse: collapse;">

（所有<td>s 都是firstcol或secondcol类）

最终效果是一个带有双外边框和单内边框的表格。它在 IE 和 Firefox 上运行良好，但在 Chrome 中，表格的右侧双边框缺失。只有右侧。它得到顶部、底部和左侧。

这是不健全的代码，还是只是一个不起眼的 Chrome 错误？

Answer 1

重新编码并....添加了一种解决方法，只需在最后一列的右侧强制使用 2px 边框：

td:last-of-type
{
    border-right-width:2px;
}

演示

我承认这是一个非常奇怪的 Chrome 错误。