ボーダーコラプスのChromeレンダリングのバグ

Question

Chromeはこのマークアップを正しくレンダリングしません(see jsfiddle for full markup)。

table { border-collapse: collapse } 

ここでは、Chromeである：

とFirefoxまたはエッジで同じマークアップ：

はChromeでこれを解決する方法はありますか？

Answer 1

Chrome bug with colspan and border?によると、これは2008年以来のChrome bug ...まだ修正されていません。

この問題の回避策の1つは、colspanを使用しないことです。サンプルコードは次のとおりです。あなたの例のための

<tr> 
    <td class=A>1</td> 
    <td class=A>2</td> 
    <td class=A>3</td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 

代わりの

<tr> 
    <td class=A>1</td> 
    <td class=A>2</td> 
    <td class=A>3</td> 
    <td colspan=3></td> 
    </tr> 

fiddle。

または、mistermansam's workaroundを放棄してborder-collapseを使用することができます。