css - Primefaces:删除指定图标子菜单组件

Question

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

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

右边是子菜单三 Angular 图标的标签，我需要给图标做样式。

.ui-icon{display:none;}

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

Answer 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;
}