带有 primefaces 的新页面答案

【问题标题】：New page with primefaces带有 primefaces 的新页面
【发布时间】：2013-01-30 05:07:57
【问题描述】：

一个新手primefaces问题：

当我创建一个简单的 primeface 页面时，我应该放置什么来设置文本样式？

<h:body>
    <!-- Ok, what I put here to have styled the following H1 and outputText? -->
    <h1>Not styled h1</h1>
    <h:outputText value="Not styled text." />
</h:body>
</html>

我可以通过将其放在中来获得样式文本，但我发现将所有内容都放在面板中有点烦人。

【问题讨论】：

您所说的样式文本是什么意思？我猜你想为你的页面应用一个主题。按照步骤here.
我已加载并运行主题（boostrap）。我的意思是我必须在新的 jsf2 页面上包含什么才能使所有元素都被样式化？（在 h:head 中有什么东西？）
我猜该主题仅适用于 PrimeFaces 可见组件（带有<p:something> 的组件），而不适用于页面中的每个组件。
为什么不把h:body里的全部内容放在一个p:panel里呢？我的意思是：<h:body><p:panel>...</p:panel></h:body>
我觉得这不是很优雅。这就是我问的原因:) <p:panel style="border: none;">...</p:panel> 是我开始使用的。（好吧，它只产生一个
但为什么我必须将我所有的内容放在这个 div 中？）我发现 <h:body styleClass="ui-widget"> 也可以做到这一点。（但这是正确的做法吗？）

标签： jsf primefaces

【解决方案1】：

使用 css 来改变它，这是最优雅的解决方案。如果您确定不使用原始类，则可以创建自己的类或覆盖现有的 primefaces 类。记得在属性集的最后加上!important。

.ui-panel
{
   border: black solid 1px !important;
}

您可以关注this tutorial，了解如何以及在何处添加您的 css 引用以覆盖 Primefaces 样式。

【讨论】：