我遵循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
开发人员工具栏显示计算结果。
我做错了什么?
答案 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上的行为暂时未定义。