PrimeFaces功能区中的FONT_AWESOME图标未正确显示

Question

我正面临这样一种情况：每个FONT_AWESOME图标显示在Primefaces Ribbon中任何操作按钮的底部，从而隐藏了每个按钮应显示的tex。我尝试使用大量凌乱的css覆盖，但没有成功

我在功能区中的操作按钮代码

<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; 
}

qazxsw poi我希望它的格式就像这个qazxsw poi

我正在使用带有glassfish 4.1的primefaces 5.2

Answer 1

编辑如下：

你可以这样解决