0

Primefaces が提供するスタイル シートをオーバーライドする名前のカスタム スタイル シートを作成mycustomstyle.cssし、スタイル シートへのリンクを内部に配置して、primefaces が提供するスタイル シートをオーバーライドする<h:body>ようにしましたが、生成された HTML を見るとmycustomstyle.css 、スタイルの前に表示されることがわかりましたこれは、オーバーライドされなかったことを意味します。これは、生成された HTML です。

<head><link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/theme.css.jsf?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/css/mycustomstyle.css.jsf" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/primefaces.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/keyboard/keyboard.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/fileupload/fileupload.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="RES_NOT_FOUND" />

この順序に関して、どのスタイルシートが他のスタイルシートをオーバーライドしますか? myStyleSheet がオーバーライドされていると思いますが、

customStyleSheet を配置するための私の jsf oage コード:

<ui:composition template="/WEB-INF/template/template.xhtml">
<ui:define name="content">
    <h:body>
        <f:facet name="last">
            <h:outputStylesheet name="css/mycustomstyle.css" />
        </f:facet>
    </h:body>
</ui:define>
</ui:composition>
4

1 に答える 1

0

primefaces.css を上書きしたい場合は、空の resouces/primefaces/primefaces.css を作成することで実行できます。完璧ではありませんが、Primefaces 5.0 で動作しています

于 2014-12-17T12:11:12.787 に答える