Remove border from all PrimeFaces p:panelGrid components
border, css, jsf, panelgrid, primefaces
Solution
You need to be at least as specific as the PrimeFaces default selector.
.ui-panelgrid>*>tr,
.ui-panelgrid .ui-panelgrid-cell {
border: none;
}
Do not use `!important` unless you need to override a hardcoded `style` on a HTML element.
See also:
- How to remove border from specific PrimeFaces p:panelGrid?
- How do I override default PrimeFaces CSS with custom styles?
Problem
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; } ``` What can I do?