如何改变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"  >

如果您需要更具体的内容，请随时提出。