primefaces：如何在<p：layoutunit> </p：layoutunit>中禁用css

Question

我使用<p:layout>和<p:layoutUnit>来组织我的网页结构，并且在这里添加自己的css是一些图片来帮助您理解：

befor： 之后：

我想知道是否有禁用<p:layoutUnit>的css。 谢谢。

Answer 1

只需覆盖所需单位的样式类：

所有布局单位的
• ui-layout-unit
• ui-layout-{position}表示特定位置的布局单位

There's no magic bullet to unset every CSS property，因此您需要覆盖特定属性，如：

1. 覆盖视图中的CSS类

   .your-custom-theme-elem .ui-layout-unit {
        font-family: Arial,sans-serif;
   }
   

2. 将自定义类应用于布局单元

    <p:layoutUnit styleClass=".your-custom-theme-elem" position="north" size="100" header="Top" resizable="true" closable="true" collapsible="true">
         <h:outputText value="North unit content." />
    </p:layoutUnit>