Chrome边框半径和背景颜色

Question

类似于Chrome边框颜色问题的问题。这里是JSFiddle链接：
http://jsfiddle.net/gU52K/

我想要一个具有特定背景（白色）和圆角边框的表格。在Chrome中，只有边框正常工作，带颜色的边框不起作用。

Firefox/IE输出：1、2和4个表格带有圆角边框，3个表格带有角落边框。

Chrome输出（最新版本32.0.1700.14 beta-m Aura）：1个表格带有圆角边框，2和4个表格根本没有边框，3个表格带有角落边框。

FF输出是预期的行为，问题出在哪里？

HTML：

<table class="List">
    <tr><td>One</td><td>Two</td></tr>
</table>
<table class="List BG">
    <tr><td>One</td><td>Two</td></tr>
</table>
<table class="List BG Col">
    <tr><td>One</td><td>Two</td></tr>
</table>
<table class="List BG Sep">
    <tr><td>One</td><td>Two</td></tr>
</table>

CSS：

.List {
    border: 1px solid #000;
    border-radius: 10px;
}
.List.BG {
    background-color: white;
    /* border-collapse: separate; is default */
}
.List.BG.Col {
    border-collapse: collapse;
}
.List.BG.Sep {
    border-collapse: separate;
}

- Stam

Answer 1

转换为中文：从

改为

。

.List.BG.Col {
    border-collapse: collapse;
}

到

.List.BG.Col {
    border-collapse: separate;
}

- codingrose

---

这是关于编程的内容，以下是翻译文本：正是 .List.BG.Sep 展示了这一点：'collapse' 会使得边框在 Firefox 和 Chrome 中都变成角形，但是在 Firefox 中 'separate'（我认为是默认值）会有圆角边框（如预期），而在 Chrome 中边框会消失。这是我在 Chrome 中看到的情况。 - Stam