Question

在我的Primefaces中，我使用了菜单栏。在菜单右侧三角形图标是没有必要的，所以我想删除它。我在CSS上试试

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

但它会影响整个页面的其他组件（即selectOneMenu），但我需要删除子菜单中的三角形图标。我尝试下面的代码：

 <h:form>
    ...
    <p:menubar>
       <p:submenu label="File">
          <p:menuitem value="Open"/>
          ...
       </p:submenu>
    </p:menbar>
    .....
    <p:selectOneMenu id="User">
       .....
    </p:selectOneMenu>
 </h:form>

Answer 1

你的方法似乎是正确的。使用表单的css后代选择器：

.calss1 .class2 {
    /* style */
}

导致样式应用于具有css class2的所有组件，该组件也具有css class1的父组件。将styleClass设置为子菜单的“子菜单”会隐藏该子菜单中的三角形图标。

<p:submenu label="File" icon="ui-icon-document">
    <p:submenu label="New" icon="ui-icon-contact" styleClass="submenu">
        <p:menuitem value="Project" url="#" />
        <p:menuitem value="Other" url="#" />
    </p:submenu>
</p:submenu>

Primefaces删除指定ui-icon

1 个答案: