我应该如何更改和应用更改为默认样式的全局,只有一次？
- .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?
