Question

与Chrome border color issue问题类似。这是小提琴： 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;
}

Answer 1

从

改变

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

到

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

Chrome边框半径和背景颜色

1 个答案: