css - カスタムCSSファイルを使用したprimefaces

Question

おはようございます。primefacescommandButtonにスタイル シートを適用する際に問題が発生しました。ボタン要素は次のとおりです。

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