Primefaces - 菜单栏 - 处于折叠状态的子菜单背景

Question

我对如何编辑处于折叠状态的子菜单标签的样式（特别是背景颜色）有疑问。无需发布代码。链接到下面的图片。

1. 在这种情况下，子菜单标签被悬停。 （使用 .ui-menuitem-link:hover）。

Case one

2 在这种情况下 menuitem 被悬停，子菜单被折叠并且它的背景颜色变成灰色。所以我很感兴趣如何访问子菜单的这些状态以将其背景更改为另一种颜色。

Case two

由于信誉低，无法显示图片。谢谢。

Answer 1

正如@Amarnath 所说，您的问题有点令人困惑。如果我理解正确，您想为激活的菜单和子菜单指定不同的样式。

假设您希望菜单的第一级具有红色背景，而第二级具有绿色背景。您可以使用纯 css 来做到这一点，如下所示：

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

看看有没有帮助。