如何调整jsf2 primefaces中选项卡的宽度和高度？

如何调整 jsf 2 primefaces 中选项卡的宽度和高度。另请告诉我如何控制选项卡内的文本（颜色和字体大小）？谢谢。

PrimeFaces 使用 ThemeRoller CSS 框架。前往jQuery UI ThemeRoller 页面 http://jqueryui.com/themeroller/并创建您自己的主题。下载 CSS 文件并将其包含在您的 .xhtml 页面中。

<link type="text/css" rel="stylesheet" href="resources/css/skin.css" />

将其添加到您的 web.xml 中，这样就不会使用默认主题：

<context-param>
    <param-name>primefaces.THEME</param-name>
    <param-value>none</param-value>
</context-param>

创建一个新主题然后确定要覆盖哪些 CSS 规则以使选项卡看起来像您想要的方式要容易得多。

The jQuery UI 选项卡页面有一个关于主题的部分 http://jqueryui.com/demos/tabs/以及它使用的 CSS 规则。

选项卡宽度根据文本长度而变化，高度由字体大小决定。

要增加字体大小，请覆盖以下 CSS：

.ui-tabs {
    font-size:1.3em;
}