类似于Chrome border color issue问题。这是 fiddle : http://jsfiddle.net/gU52K/
我想要具有特定背景(白色)和圆 Angular 边框的表格。在 chrome 中,只有边框可以正常工作,带有颜色的边框 - 不起作用。
Firefox/IE 输出:1,2 和 4 表格带有圆 Angular 边框,3 表格带有圆 Angular 边框。
Chrome 输出(最新版本 32.0.1700.14 beta-m Aura):1 个表格有圆 Angular 边框,2 个和 4 个表格完全没有边框,3 个表格有 Angular 边框。
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;
}
最佳答案
改变自
.List.BG.Col {
border-collapse: collapse;
}
到
.List.BG.Col {
border-collapse: separate;
}
关于html - Chrome 边框半径和背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20033094/