축소 된 상태의 Primefaces - menubar - submenu 배경

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

도움이되는지 확인하십시오.