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

Question

我正面临这样一种情况：每个 FONT_AWESOME 图标显示在Primefaces功能区中任何操作按钮的底部，从而隐藏了每个按钮应显示的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; 
}

我希望将其格式化为

我正在使用 primefaces 5.2 与 glassfish 4.1

Answer 1

编辑如下：

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

    </style>

你可以这样解决