从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 Web表单进行自定义.我不认为JSF和主题可以比PrimeFaces更容易.

http://www.mkyong.com/jsf2/primefaces/remove-all-default-css-styling-from-primefaces/ (5认同)

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版本(<6.0)

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

以下是如何为PrimeFaces创建自己的主题的链接

较新的PF版本(6.0及更高版本)

最近,PrimeFaces引入了'Designer API',因为PF组件具有更多功能,因此不再适用于该组件.Designer API基于SASS,允许您创建非常好的主题