从JSF页面删除Primefaces CSS布局

Question

我有一个JSF页面.我也使用Primefaces.在页面的底部,我有两个执行JSF表单的按钮:

<div id="settingstwodivthree" style="width:400px; height:60px; position:absolute;  background-color:transparent; top:380px; left:800px">
    <p:commandButton value="Save Settings" id="ajax" actionListener="#{GeneralController.updateDBSettings}" rendered="true" update="growl,settingsupdate"/>
    <p:commandButton value="Default Settings" id="defaultsettings" actionListener="#{GeneralController.defaultSettings}" rendered="true" update="settingsupdate"/>                  
</div> 

当我将Primefaces添加到JSF页面时,按钮的默认布局会发生变化.看来Primefaces的css文件覆盖了按钮的布局.

我把它添加到web.xml文件中:

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

但问题仍然存在.有什么方法可以禁用css覆盖？

Answer 1

嗨我和剩下的primefaces.css有同样的问题,我通过在这个文件夹中放置一个空文件来解决它,以覆盖primefaces文件

WebContent\resources\primefaces\primefaces.css