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"  >

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