html - 单元格边框显示在边框 :none td 上

Question

我有下表:

<table>
    <tr>
        <td class="clearCell" colspan="2">borderless</td>
    </tr>
    <tr class="borderedRow">
        <td>bordered</td>
        <td class="clearCell">borderless</td>
    </tr>
</table>

使用以下 CSS:

table {
    border-collapse:collapse;
}
.borderedRow td {
     border: solid black 1px; 
}
td.clearCell {
    border: none;
}

这会在无边框单元格上产生一个顶部边框。为什么？为了方便起见，我将其作为 fiddle :http://jsfiddle.net/1g4kfxjx/1/

更新:奇怪的是，可以通过更改前一行中单元格的 colspan 来删除边框。不过，这并不能解释为什么会出现边框。

Answer 1

这在 Internet Explorer 或 Firefox 中不会发生...对我来说这看起来像是一个“Chrome 错误”。