如何使用p:menuitem堆叠的Font Awesome图标?

时间:2016-06-22 13:32:15

标签: css primefaces font-awesome jsf-2.2

我正在使用Font Awesome PrimeFaces集成(使用常规图标),效果很好。

现在我正试图通过以下方式使其与stacked icons一起使用:

<span class="fa-stack fa-lg">
   <i class="fa fa-square-o fa-stack-2x"></i>
   <i class="fa fa-twitter fa-stack-1x"></i>
</span>

在我使用PrimeFaces的代码示例中,我有类似

的内容
<p:submenu expanded="true" label="Request" styleClass="groupmenu">
    <p:menuitem value="Annual Forecast" outcome="coursesList.xhtml" icon="fa fa-pencil" />
    <p:menuitem value="Forecast History" outcome="annualList.xhtml" icon="fa fa-eye"  />
</p:submenu>

我想用一些堆叠的图标替换fa-pencilfa-eye

我怎样才能实现它? 谢谢

0 个答案:

没有答案