如何使用自定义样式覆盖默认的PrimeFaces CSS？

Question

如何使用自定义样式覆盖默认的PrimeFaces CSS？我已经将自己的主题创建为单独的Maven项目，并且正确地加载了它。现在我想改变组件的大小。例如，<p:orderList>..它有一个名为ui-orderlist-list中定义的primefaces.css有一个固定的200x200尺寸。不管我做什么theme.css，它被此属性覆盖，因此我无法使内容成为<p:orderList>更宽。对于其他组件，我可能只想覆盖一个组件的一个实例，而不是全部。有人能告诉我怎么做吗？

Answer 1

您可以创建一个新的CSS文件，例如cssOverrides.css

把所有你想要的重写放在里面，这样升级原始版不会影响你，

在你的h：头加上这样的东西

<link href="../../css/cssOverrides.css" rel="stylesheet" type="text/css" />

如果它不能工作，尝试将它添加到h：body中

为了检查它是否工作，在css文件中尝试这个简单的示例

.ui-widget {
   font-size: 90% !important;}

这将减少所有素数面组件/文本的大小。