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

Question

我有一些(我认为相当简单， Vanilla )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> 都是 firstcol 或 secondcol 类)

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

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

Answer 1

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

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

DEMO

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