2012-07-17 57 views
3

我有一個JSF頁面。我也使用Primefaces。在頁面的底部,我有執行JSF表單兩個按鈕:從JSF中刪除Primefaces CSS佈局頁面

<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重寫?

+0

在格樣式將被應用,但如果你已經在單獨的樣式表中定義按鈕的樣式,然後看到這個答案http://stackoverflow.com/questions/8578494/how-to-override-stylesheets-of-primefaces/8581199#8581199 – Ravi 2012-07-18 03:11:34

+0

你使用哪個版本的primefaces ? primefaces.THEME設置在某些版本中存在一些問題。同意Ravi關於CSS。直接在p中定義你的CSS樣式:commandbutton – ppapapetrou 2012-07-18 07:06:36

+0

我使用最新的穩定版本 - 3.3.1 – user1285928 2012-07-18 12:34:02

回答

7

嗨,我曾與其餘primefaces.css同樣的問題,我解決它通過將一個空文件這個文件夾中,覆蓋primefaces文件

WebContent\resources\primefaces\primefaces.css