css - 是否可以为 "each"primefaces 主题制作自定义 css？

Question

我的应用程序有一个 primefaces 主题切换器，总共有五个主题(例如 aristo 或 home)可供选择。

现在我需要使用 CSS 更改菜单中文本的外观。这种外观应该在每个主题中看起来都不同(例如，在 aristo 中，链接的 hoover 应该是白色的，但在主题 aristo 中它应该是黑色的)。

目前我使用 pom.xml 加载所有 primefaces，我希望保持这种状态。

        <!-- Primefaces -->
        <dependency>
            <groupId>org.primefaces</groupId>
            <artifactId>primefaces</artifactId>
            <version>5.1</version>
        </dependency>

        <!-- Primefaces Themes -->
        <dependency>
            <groupId>org.primefaces.themes</groupId>
            <artifactId>all-themes</artifactId>
            <version>1.0.10</version>
        </dependency>

主题将在 web.xml 中读取:

<!-- PrimeFaces Theme Definition -->
<context-param>
  <param-name>primefaces.THEME</param-name>
  <param-value>#{clubCustomizedController.theme}</param-value>
</context-param>

我不需要自定义主题，因为我需要为每个主题制作不同的 css 配件。如何为每个主题制作定制的 CSS？

Answer 1

您可以使用 Themeroller 或第 3 方应用程序简单地创建您的自定义 Primefaces 主题。看here (查看底部)了解更多信息。