css - 带有自定义 css 文件的 primefaces

Question

早上好，我在 primefaces 上应用样式表时遇到问题commandButton，按钮元素如下：

        <p:commandButton value="Complains" styleClass="styleOrange"/>

和样式表：

    .styleOrange {    
    background-color: orange;
}

css文件放在css文件夹下的resources文件夹中：

这是css文件的include语句：

<h:head>

<h:outputStylesheet name="/resources/css/style.css" library="css" />

</h:head>

Answer 1

不需要/resources/前缀。JSF 已经从那里隐式加载资源。

只需将名称更改为css/style.css，如下所示：

<h:outputStylesheet name="css/style.css" />

---

您还应该阅读此JSF 资源库的用途是什么以及应该如何使用它？

Answer 2

你必须编辑css文件的路径：

<h:outputStylesheet library="css" name="#{request.contextPath}/css/style.css"/>