如何使用自定义样式覆盖默认的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&nbsp;href="../../css/cssOverrides.css"&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;/>如果它不能工作，尝试将它添加到h：body中为了检查它是否工作，在css文件中尝试这个简单的示例.ui-widget&nbsp;{ &nbsp;&nbsp;&nbsp;font-size:&nbsp;90%&nbsp;!important;}这将减少所有素数面组件/文本的大小。