Primefaces - 菜单栏 - 处于崩溃状态的子菜单背景

Question

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

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

Case one

2在这种情况下，菜单项悬停，子菜单折叠，背景颜色变为灰色。所以我对如何访问子菜单状态以将其背景更改为另一种颜色感兴趣。

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

看看是否有帮助。