jquery - Primefaces 下拉图标对齐方式？

Question

大家好，我有一个带有子菜单栏的菜单栏，但是如果存在子菜单，图标会显示在上方。我想直接从菜单字段中设置图标。所以我希望任何人都可以提供帮助。在这里你可以看到一张图片:https://www.dropbox.com/s/h8yqq7d2mirj0cq/bar.JPG .抱歉图像质量差。

我正在使用 JSF 2.1、primefaces 3.5 和来自 primefaces 的 jquery 主题。

菜单栏

<p:menubar styleClass="affaires"   style="position: absolute !important; bottom: 0px !important; vertical-align: bottom !important; list-style: none; width: 100%; text-align: center;"  >
            <p:menuitem value="Home" url="#"/>

            <p:submenu  label="Company">
                <p:menuitem  value="Create Company" url="#"/>
                <p:menuitem   value="Show Companies" url="companies.xhtml"/>
            </p:submenu>

            <p:submenu  label="Taskbox" >
                <p:menuitem value="Inbox" url="taskbox.xhtml"/>
                <p:menuitem value="Sent" url="#"/>
                <p:menuitem value="Trash" url="#"/>
                <p:menuitem value="New Message" url="#"/>
            </p:submenu>

            <p:submenu label="#{loginBean.user.USER_NAME}" >
                <p:menuitem value="Logbook" url="#"/>
                <p:submenu label="Settings" url="#">
                    <p:menuitem value="Account" url="#"/>
                    <p:menuitem value="Contact" url="#"/>
                </p:submenu>
                <p:menuitem value="Logout" url="#"/>
            </p:submenu>

            <p:submenu label="Administration" icon="">
                <p:menuitem value="Users" url="#"/>
                <p:menuitem value="Edit Help" url="#"/>
                <p:menuitem value="Edit GTC" url="#"/>
            </p:submenu>    

            <p:menuitem value="Help" url="#"/>  

    </p:menubar>

主题.css

 .affaires .ui-menuitem-text{ color:black;}

 .affaires .ui-menu-child{background: white;}

 ul li.ui-menuitem-active>a{
    background-image: none !important;
    background-color:red !important;    
}

li ul li.ui-menuitem-active>a{
    background-image: none !important;
    background-color:green !important;    
}

Answer 1

我找到了解决办法

在theme.css中配置如下标签

/* left-aligned */
.ui-menu .ui-icon {
  top: .2em;
  left: .2em;
}