css - 如何更改 primefaces 组件的样式

Question

如何改变 primefaces 组件的样式。尤其是背景颜色<p:layoutUnit。

这是我的代码：

<p:layout fullPage="true">
        <!-- TITRE -->
        <p:layoutUnit position="north" size="auto" resizable="true" closable="true"  >
            <ui:include src="titre.xhtml"></ui:include>
        </p:layoutUnit>
        <!-- CONTENT -->
        <p:layoutUnit position="center" size="25%" header="Options" >
                <ui:include src="titre.xhtml"></ui:include>
        </ui:include>
    <p:layout fullPage="true">

Answer 1

您可以为红色背景添加： style="background: red !important"。您还可以推出自己的主题。primefaces 手册中描述了该过程（可在线免费获得）：

<p:layoutUnit position="north" style="background: red !important;" size="auto" resizable="true" closable="true"  >

如果您需要更具体的内容 - 请随时询问。