Удалить границы из всех компонентов PrimeFaces p:panelGrid

Question

Мне нужно скрыть все границы всех панелей с помощью простых лиц. Я попытался он следовать без последствий:

table {
    border: none;
}

table tr, table td {
    border: none;
}

Что я могу сделать?

Answer 1

Вы должны быть по крайней мере так же конкретны, как и селектор по умолчанию PrimeFaces.

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

Не использовать !important если вам не нужно переопределить жестко закодированный style на элементе HTML.

Смотрите также:

• Как убрать границу из конкретного PrimeFaces p:panelGrid?
• Как переопределить стандартный PrimeFaces CSS с помощью пользовательских стилей?

Answer 2

Это решение влияет только на PanelGrids, но dataTables:

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

Благодаря ответу, опубликованному Kukeltje здесь: Уберите все границы со всех панелей, а не из таблиц данных.

Answer 3

Возможно, ваш CSS перезаписан где-то еще. Вы можете попробовать использовать !important править.

table, table tr, table td {
   border: none !important;
}

Answer 4

Эта работа в Primefaces 5

.ui-panelgrid-content {
    border: none;
}

Answer 5

Проверено на основных лицах 5.1

.ui-widget-content {
border: none;
}