大小號碼：commanButton與FA-2X

Question

我的問題是下一個：

我有AP：commanButton這樣的：

<p:commandButton icon="fa fa-reply fa-2x"/> 

的問題是內容（FA-回覆）增長，但按鈕的大小沒有。

這是什麼問題？

當我這樣做：<p:commandButton icon="fa fa-reply" styleClass="fa-2x"/>按鈕的大小增長，但內容無法正確顯示。

我希望能幫到我。感謝和問候。

Answer 1

我認爲，簡單的工作，以防萬一是使用p:commandLink與手動<i class="fa fa-reply fa-2x"></i>標籤，而不是p:commandButton，如下：

<p:commandLink> 
    <i class="fa fa-reply fa-2x"></i> 
</p:commandLink> 

如果你想用文字爲好，然後：

<p:commandLink> 
    <i class="fa fa-reply fa-2x"> Reply</i> 
</p:commandLink> 

否則，您將需要使用自定義CSS類爲您的p:commandButton上不同大小的圖標（fa-xx）添加壓縮率。