-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'元素,但不是必需的.在这种情况下,不仅相邻角的边界半径不必相交,而且单个角的水平和垂直半径可能不会延伸超过该角落处的单元边界(即,单元的其他角不得受到该角的影响)边界半径).如果边界半径的计算值将导致此效果,则表格的所有边界半径的使用值必须减小相同的因子,使得半径既不相交也不延伸超过其各自角单元的边界.

border-radius对内部表元素的影响在CSS3背景和边框中是未定义的,但可以在将来的规范中定义.当'border-collapse'为'collapse'时,CSS3 UAs应忽略应用于内部表元素的border-radius属性.