我应该如何更改和应用更改为默认样式的全局,只有一次？
.ui-widget,.ui-widget .ui-widget {
font-size: 90% !important;
}
目前,我将这个CSS片段嵌入到每个XHTML页面的头上.
<head>
<style type="text/css">
.ui-widget,.ui-widget .ui-widget {
font-size: 90% !important;
}
</style>
</head>
解决方法
创建样式表文件：
/resources/css/default.css
.ui-widget,.ui-widget .ui-widget {
font-size: 90%;
}
(请注意,我删除了！重要的“黑客”,另请参见How do I re-write those class defined in primefaces.css?深入解释如何重新定义PF样式)
将其包含在< h：body>的模板使用< h：outputStylesheet> (在所有PrimeFaces自己的样式表之后,它将被自动重定位到HTML头的末尾)：
<h:body>
<h:outputStylesheet name="css/default.css" />
...
</h:body>
如果您不使用主模板,因此需要将其包含在每个页面中,我建议重新考虑您的页面设计并使用JSF2 Facelets模板功能.这样你只有一个主模板文件,其中头和身体的所有默认值都被定义.另见这个答案一个具体的例子：How to include another XHTML in XHTML using JSF 2.0 Facelets?
