自定义tabView标题的外观

时间:2011-06-09 06:16:00

标签: jsf primefaces

我期待自定义tabView组件的外观。我需要更改标签标题的颜色(如果可能的话,为2个不同的标题添加2种不同的颜色)。我尝试通过tabView的styleClass属性指定CSS规则但未能看到所需的结果。

我怎么能做到这一点?

2 个答案:

答案 0 :(得分:2)

3.0.M2具有tab组件的titleStyle和titleStyleClass属性。

http://code.google.com/p/primefaces/issues/detail?id=892

答案 1 :(得分:1)

Primefaces组件从css主题获得外观和感觉。你可以:

  • 使用Themeroller

  • 以所需的颜色构建您自己的主题
  • 手动更改主题的样式类。 Primefaces文档中列出了每个Primefaces组件的样式类。由于最新的Primefaces 2.2版文档不是免费的,我只能帮助您使用Primefaces 2.1中的类:.ui-tabs,.ui-tabs-nav,.ui-tabs-panel。请注意,可能有更多样式类应用于从其他组件继承的选项卡视图。检查tabView的html源代码以获取所有应用类。

  • 使用答案中描述的stylestyleClasses属性,并使用!important declaration

  • 覆盖主题类