css - 如何从 p :dataTable? 中删除 border-collapse

Question

我想删除 border-collapse来自 <p:dataTable> .我尝试了几种方法，但到目前为止我尝试的方法都不走运:

首先:

.ui-datatable table {
    border-collapse: hidden !important;
}

第二个:

.ui-datatable table {
    border-collapse: none !important;
}

第三:

<p:dataTable value="#{JpublicCalendar.public_day_1_list}"
             var="o"
             styleClass="value">
    <p:column>
        <h:graphicImage value="PrivateDisplayImage?id=#{o.id}"
                        width="126"
                        height="64">
        </h:graphicImage>
    </p:column>
</p:dataTable>

它的 CSS:

.value {
    border: none !important;
    border-collapse: none !important;
}

Answer 1

使用以下CSS样式:

.value table * {
       border: none !important;
   }