PrimeFaces与自定义CSS文件

Question

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

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

以及样式表：

    .styleOrange {    
    background-color: orange;
}

在css文件夹下的resources文件夹中放置了CSS文件:

这是CSS文件的包含语句:

<h:head>

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

</h:head>

- Eslam Hamdy

Answer 1

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

只需将名称更改为 css/style.css，像这样：

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

您还应该阅读此文：什么是JSF资源库，它应该如何使用？

---

- Daniel

Answer 2

你需要编辑 CSS 文件的路径：

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

- Thangnv

---

这里有两个问题：1）https://dev59.com/e2ct5IYBdhLWcg3wk-Rq 2）组件包含了contextPath。 - Kukeltje