我正在使用p:commandButton和p:menuitem尝试使用FontAwesome图标。
虽然我可以显示这些图标,但与内置的移动端图标相比,FontAwesome图标似乎太小了。如果您有其他PF组件使用themeroller图标,则会看起来不一致。
是否有办法增加FontAwesome图标的大小?
我已经尝试使用样式中的font-size、fa-lg、fa-2x、fa-3x、fa-4x或fa-5x类来增加其大小,但都没有生效。
<p:commandButton icon="ui-icon-mobile-phone" id="sendSMSBtn"
styleClass="btn btn-info btn-lg" onclick="modalDialog.show()"
oncomplete="modalDialog.hide();"
action="#{myBean.getMobileNo()}"
update=":frm:messages" style="font-size:30px">
生成的HTML:
<button type="submit" title="Send Bulk SMS" onclick="modalDialog.show();PrimeFaces.ab({source:'frm:dataTable:sendSMSBtn',update:'frmMassSMS frm:messages',oncomplete:function(xhr,status,args){modalDialog.hide();;}});return false;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only btn btn-info btn-lg fa-fw" name="frm:dataTable:sendSMSBtn" id="frm:dataTable:sendSMSBtn" role="button" aria-disabled="false"><span class="ui-button-icon-left ui-icon ui-c ui-icon-mobile-phone"></span><span class="ui-button-text ui-c">ui-button</span></button>