2012-11-11 54 views
3

我有一些(我認爲是相當簡單的,香草)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爲任一類firstcolsecondcol

淨效應是具有雙外邊框和單內邊框的表格。它可以在IE和Firefox上正常工作,但在Chrome中表格的右側雙邊框缺失。只有右側。它得到頂部,底部和左側。

這是不合適的代碼,或只是一個模糊的鉻錯誤?

+0

在[此測試用例](http://jsfiddle.net/ERV5q/)中看不到Chrome和IE之間的任何區別 - 您是否看到任何區別?如果沒有,問題在代碼中的其他地方。 –

+1

好的,事實證明,Chrome不能原諒一行上的過多的colspan值(大於任何行的最大列數)。其他瀏覽器不介意,但Chrome在這種情況下省略了右側邊框。 – user1207313

+0

你可以把它添加到小提琴,所以它的轉載? –

回答

0

重新編碼,並添加....一種變通方法,簡單地迫使2px的邊界上最後一欄的右側:

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

DEMO

我承認是一個很奇怪的Chrome的bug。