css - 删除特定数据表上的所有边框

Question

我需要使用 PrimeFaces 隐藏一个数据表的所有边框，而不是全部。我尝试了很多东西，但没有人奏效。有谁知道怎么做吗？

我已将以下样式(分别)应用到 ui-datatable 类:

border: hidden !important;    
border-style: none !important;

还有一件事......

Answer 1

假设有一个 PrimeFaces 3.5 数据表，标记如下，

<p:dataTable ... styleClass="borderless">

那么这种风格应该做的:

.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}