2017-09-26 18 views
1

我的问题是下一个:大小号码:commanButton与FA-2X

我有AP:commanButton这样的:

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

的问题是内容(FA-回复)增长,但按钮的大小没有。

这是什么问题?

当我这样做:<p:commandButton icon="fa fa-reply" styleClass="fa-2x"/>按钮的大小增长,但内容无法正确显示。

我希望能帮到我。感谢和问候。

+0

您是否正在使用带图标的文字? –

+0

该按钮没有文字,但它有小小的点缀。 – agu

回答

0

我认为,简单的工作,以防万一是使用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)添加压缩率。

+0

就我而言,这是一个解决方案。谢谢。 – agu

+0

很高兴为您效劳。快乐编码! –