size p：commanButton with fa-2x

Question

我的问题是下一个：

我有一个像这样的p：commanButton：

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

问题是内容（fa-reply）增长但按钮的大小没有。

这是问题吗？

当我这样做时：<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类在fa-xx上为不同大小的图标（p:commandButton）添加compatencies。