Firefox忽略表格单元格上的边框左上半径

时间:2014-04-28 15:20:12

标签: html css css3

我遵循CSS3规则:

.acpTable thead tr th:first-child {
    border-top-left-radius: 9px;
}

.acpTable thead tr th:last-child {
    border-top-right-radius: 9px;
}

在DOM中,我有一个类acpTable的表,并通过jQuery添加tHead元素。 在目前的Chrome浏览器中它可以工作,在当前的Firefox中没有。我做错了什么?

选择器工作,我测试了“背景:绿色”,正确的细胞将被着色。

铬:

http://puu.sh/8qYPC/274d7f8623.png

火狐:

http://puu.sh/8qYSP/9086738d07.png

开发人员工具栏显示计算结果。

我做错了什么?

1 个答案:

答案 0 :(得分:1)

您必须在父母身上定义半径:

.acpTable,                              /* The Table */
.acpTable thead,                        /* The Head */
.acpTable thead tr:first-child,         /* The Row */
.acpTable thead tr th:first-child {     /* The Content */
    border-top-left-radius: 9px;
}

您必须将表格设置为border-collapse: collapse;MOZ Docs):

  

但是当边界崩溃崩溃时,UA不需要申请表undinline-table Elemente。内部表Elemente上的行为暂时未定义。