Primefaces：删除指定图标子菜单组件答案

【问题标题】：Primefaces: Remove Specify Icon submenu componentPrimefaces：删除指定图标子菜单组件
【发布时间】：2015-04-29 23:11:35
【问题描述】：

如何删除 Primefaces 中的指定图标？我尝试了以下代码：

<p:menbar>
<p:submenu label="File">
......
</p:submenu>
</p:menubar>

在右边，子菜单的三角形图标的标签，我需要给图标设置样式。

.ui-icon{display:none;}

不幸的是，它会影响所有图标。不知道为什么display: none只适用于指定图标。

【问题讨论】：

请花点时间学习 CSS。它是Web开发的基础之一。由于 JSF 在这方面只不过是一个 html/css 生成器，所以在进行真正的全面开发之前，您应该学习这些基础知识

【解决方案1】：

试试这个！！

<p:menubar>
   <p:submenu label="File" styleClass="submenu">
    ......
   </p:submenu> 
</p:menubar>

使用下面的 CSS 规则：

.submenu .ui-menuitem-link > .ui-icon-triangle-1-s{
  display: none !important;
}

【讨论】：

【解决方案2】：

使用p:submenu 的“styleClass”属性将CSS 规则应用于p:submenu。

<p:menubar>
    <p:submenu label="File" styleClass="submenu">
    ......
    </p:submenu>
</p:menubar>

使用以下 CSS 规则：

.submenu .ui-icon-triangle-1-s{
    display: none;
}

【讨论】：