Question

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

现在我需要用css更改菜单中文本的外观。这种外观应该看起来与每个主题不同（例如在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或第三方应用创建自定义Primefaces主题。查看here（查看底部）了解更多信息。

Answer 2

以下css标签对我有用：

<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/resources/css/#{clubCustomizedController.theme}.css" />

是否可以为“每个”主要主题制作自定义CSS？

2 个答案: