webkit - -webkit- 和 -moz-border-radius 在表格上不起作用？

Question

这有效

div {
  -moz-border-radius: 5px 5px 0 0;
  border:1px solid #000;
  margin:30px;
}

这不起作用

table {
  -moz-border-radius: 5px 5px 0 0;
  border:1px solid #000;
  margin:30px;
}

有谁知道如何使用 -moz 和 -webkit 在表格上工作？

Answer 1

5.6. 对表格的影响

'border-radius' 属性确实适用于 'table' 和 'inline-table' 元素。当 'border-collapse' 为 'collapse' 时，UA 可以将border-radius 属性应用于'table' 和'inline-table' 元素，但不是必须的。在这种情况下，不仅相邻角的边界半径不能相交，而且单个角的水平和垂直半径也不能超出该角的单元边界（即单元的其他角不能受到该角的影响）边界半径）。如果边界半径的计算值会导致这种影响，那么表格的所有边界半径的使用值必须减少相同的因子，以使半径既不相交也不延伸超过它们各自角单元的边界。

边框半径对内部表格元素的影响在 CSS3 背景和边框中未定义，但可能会在未来的规范中定义。当 'border-collapse' 为 'collapse' 时，CSS3 UA 应忽略应用于内部表格元素的边框半径属性。