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

Question

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

Answer 1

PrimeFaces使用ThemeRoller CSS Framework。转到jQuery UI ThemeRoller page并创建自己的主题。下载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规则以使标签看起来像你想要的那样容易得多。

---

jQuery UI tabs page has a section on Theming及其使用的CSS规则。

标签宽度根据文本的长度而变化，高度由font-size确定。

要增加字体大小，请将以下CSS覆盖为以下内容：

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