PrimeFaces功能區中的FONT_AWESOME圖標未正確顯示

我面臨的情況是，每個FONT_AWESOME圖標顯示在Primefaces功能區中任何操作按鈕的底部，從而隱藏應爲每個按鈕顯示的tex。我試着用很多雜亂的CSS的覆蓋，但是，沒有成功的帶狀PrimeFaces功能區中的FONT_AWESOME圖標未正確顯示

<p:commandButton value="New" icon="fa fa-camera-retro fa-3x" styleClass="ui-ribbon-bigbutton myButton" type="button" />

這裏我的自定義CSS代碼

myButton{ 

    display: block; 
} 

.fa{ 
    vertical-align: top; 
}

我的操作按鈕的代碼，我希望它是像這樣形成

我正在使用primefaces 5.2與GlassFish的4.1

-1

編輯如下：

<style type="text/css">   
     .ui-icon.fa{ 
      margin-top: -22px !important; 
     } 

    </style>

可以解決這樣

2015-10-08 19:13:00

這個答案讓所有** **發圖標向上移動。請爲色帶 – Kukeltje

更具體的答案，您可以編輯本地頁面 –

但是，如果我也使用這些在正常的按鈕，或在普通的div或？ – Kukeltje

回答