从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

hi我对剩余的Primefiaces.css也有同样的问题，我通过在这个文件夹中放置一个空文件来覆盖Primefiaces文件来解决这个问题

WebContentresourcesprimefacesprimefaces.css