从Primefaces组件中删除所有样式？

Question

是否可以从Primefaces组件中删除所有样式？我的意思是，组件集很好，但必须手动覆盖每个组件的每一个小部分，以使组件样式适合我的应用程序的整体设计是不好的。我无法使用Firebug来查找它使用的类等等。

那么有没有办法删除它，只使用组件的功能，并提供自己的设计，而不是被迫使用默认....或其中一个“主题”？

Answer 1

将primefaces.THEME上下文参数设置为none，您将获得一个没有样式的功能ui。

<context-param>
    <param-name>primefaces.THEME</param-name>
    <param-value>none</param-value>
</context-param>

您无需花费数小时编辑样式。 PrimeFaces的样式是通过ui-widget-header，ui-widget-content等共享样式完成的，您可以通过themeroller网络表单进行自定义。我不认为JSF和主题可以比PrimeFaces更容易。

Answer 2

默认情况下，PrimeFaces会插入两个CSS文件，theme.css和primefaces.css。您可以通过将以下内容添加到theme.css：

来删除web.xml

<context-param>
  <param-name>primefaces.THEME</param-name>
  <param-value>none</param-value>
</context-param>

然后，您可以通过在

中创建一个空文件来覆盖primefaces.css

WebContent/resources/primefaces/primefaces.css

Answer 3

较旧的PF版本（＆lt; 6.0）

如果你想使用你自己的css的primefaces使用jQuery UI - ThemeRoller创建自己的主题会不会更容易？

以下是您创建own Theme for PrimeFaces

的链接

较新的PF版本（6.0及更高版本）

最近，PrimeFaces引入了'Designer API'由于PF组件具有更多功能，因此不再适用于该组件。 Designer API基于SASS，允许您create really good themes

Answer 4

创建自己的主题@Daniel说。我只想补充一下：

对于部分样式，您不需要对所有内容进行firebug，primefaces user guide涵盖每个元素的样式类。它还包含其他非常有用的信息和提示（也有关于皮肤的部分）。因此，当你发现自己在处理关于素数的任何事情时，请将它作为你的第一个来源。