Google Chrome错失了正确的双边框

时间:2012-11-11 12:46:45

标签: html css google-chrome

我有一些(我认为相当简单,香草)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漏洞?

1 个答案:

答案 0 :(得分:0)

Recoded和....添加了一个解决方法,只是在最后一列的右侧强制使用2px边框:

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

DEMO

我承认这是一个非常奇怪的Chrome漏洞。