带有primefaces的新页面

Question

一个新手问题：

当我创建一个简单的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>

我可以通过将其置于＆lt; \ p：panel＆gt;内来获取样式文字，但我觉得将所有内容放在面板中会有点烦人。

Answer 1

使用css进行更改，这是最优雅的解决方案。如果您确定不打算使用原始类，则可以创建自己的类或覆盖现有的曲面。请记住在属性集的末尾添加!important。

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

您可以关注this tutorial关于如何以及在何处添加css引用，以便重写Primefaces样式。