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

回答