删除所有PrimeFaces p:panelGrid组件的边框 [英] Remove border from all PrimeFaces p:panelGrid components

问题描述

我需要使用素面隐藏所有面板网格的所有边框.我试过他以下没有影响的东西:

I need to hide all borders of all panelgrids using primefaces. I have tried he following without effects:

table {
    border: none;
}

table tr, table td {
    border: none;
}

我该怎么办?

推荐答案

您必须至少与PrimeFaces默认选择器一样.

You need to be at least as specific as the PrimeFaces default selector.

.ui-panelgrid>*>tr,
.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

除非您需要在HTML元素上覆盖硬编码的style，否则请不要使用!important.

Do not use !important unless you need to override a hardcoded style on a HTML element.

• 如何从特定的PrimeFaces p:panelGrid删除边框?
• 如何覆盖默认值具有自定义样式的PrimeFaces CSS?

• How to remove border from specific PrimeFaces p:panelGrid?
• How do I override default PrimeFaces CSS with custom styles?

这篇关于删除所有PrimeFaces p:panelGrid组件的边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！