与PrimeFaces一起使用FontAwesome时，防止图标冲突

Question

我在PrimeFaces中遇到菜单图标问题：UI图标似乎与FontAwesome图标冲突。 这是一个截图：

当我查看浏览器的检查器时，我可以看到有四个类适用于B hasID 1：div，ui-menuitem-icon，ui-icon和fa 。 删除fa-terminal或ui-menuitem-icon中的一个或两个可以解决问题。但是，我想在没有一些丑陋的剧本的情况下这样做。

以下是ui-icon的显示方式（请注意，此行位于布局中（作为标题））：

menubar

我的模型是使用以下方法生成的：

<p:menubar model="#{menuGenerator.menu}" style="margin-bottom: 20px"></p:menubar>

参数public MenuModel getMenu(){ MenuModel result = new DefaultMenuModel(); result.addElement(new DefaultMenuItem("SQL", "fa fa-terminal", "/")); //... result.generateUniqueIds(); return result; } 设置为primefaces.FONT_AWESOME。

我目前正在使用Primefaces 5.0和Mojarra 2.2.12。

如何在没有UI图标和FontAwesome之间出现冲突的情况下显示菜单（例如，只有两个类中的一个true，ui-menuitem-icon应用于ui-icon） ？