如何将css添加到PrimeFaces？

我尝试将css添加到PrimeFaces并覆盖默认的组件字体大小

我的默认值.css：

.body {
    font-size: 10%;
}

.ui-widget,.ui-widget-header,.ui-widget-content,.ui-widget-header .ui-widget-header,.ui-widget-content .ui-widget-content,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
    {
    font-size: 10%;
}

.button{   
    font-size: 10%;
}

.ui-widget.button{
    font-size: 10%;   
}

在xml正文上：

<h:outputStylesheet library="css" name="default.css" />

例如，我尝试向按钮添加新的css：

<p:commandButton styleClass="button" id="add" value="Add" ajax="false"/>

---

我做错了什么，看不到任何效果。

尝试从以下位置删除

，

：

.ui-widget,.ui-widget-header,.ui-widget-content,.ui-widget-header .ui-widget-header,.ui-widget-content .ui-widget-content,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
    {
    font-size: 10%;
}

将其替换为以下内容：

.ui-widget .ui-widget-header .ui-widget-content .ui-widget-header .ui-widget-header .ui-widget-content .ui-widget-content .ui-widget input .ui-widget select .ui-widget textarea .ui-widget button
    {
    font-size: 10%;
}

---

在Primefaces中，您可以创建自己的主题来定义组件布局。您可以复制和更改社区主题，也可以使用创建自己的主题

---

所有步骤都在中进行了很好的解释

检查css是否已加载，如果选择器已加载，则检查生成的html（使用浏览器开发工具），还检查样式表的加载顺序是否正确尝试使用@Eiten，默认的.css位于何处？尝试使用简单的css标签将其排除在外。这一更改有帮助，但我不知道为什么：css位于css文件夹中。这是一种只更改字体大小的复杂解决方案，您希望保留PF主题中的所有其他内容