html - primefaces:如何在 中禁用 css

Question

我正在使用 <p:layout>和 <p:layoutUnit>为了组织我的网页结构，primefaces 将他自己的 css 添加到内容中，这里有一些图像可以帮助您理解:

之前: 之后:

我想知道是否可以只禁用 <p:layoutUnit> 的 css .谢谢。

Answer 1

只需覆盖所需单元的样式类:

• ui-layout-unit 所有布局单元
• ui-layout-{position} 用于特定位置的布局单元

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

1. 在您的 View 中覆盖 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>