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

时间:2014-11-25 16:12:41

标签: css jsf primefaces

我的应用程序有一个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?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

以下css标签对我有用:

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