Primefaces - 菜單欄 - 處於摺疊狀態的子菜單背景

Question

我有關於如何編輯處於摺疊狀態的子菜單標籤的樣式（特別是背景顏色）的問題。無需發佈代碼。鏈接到下面的圖像。

1. 在這種情況下子菜單標籤被懸空。 （使用.ui-menuitem-link：hover）。

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

看看是否有幫助。