2017-05-04 4 views
0

Semantic-ui doc을 살펴 보았지만 최상위 navbar 메뉴에서 드롭 다운 항목을 active (열지 않음)으로 설정하는 방법을 찾지 못했습니다. 일반 항목과 동일합니다.Semantic-ui에서 상단 네비게이션 막대의 드롭 다운 버튼을 활성화하려면 어떻게해야합니까?

active 클래스는 정규 메뉴 링크를 강조 표시하는 데 사용되지만 클래스를 여는 데 사용됩니다.

다시 말해서 메뉴 드롭 다운 항목의 경로 중 하나에있을 때 링크와 마찬가지로 강조 표시하고 싶지만 클래스를 사용해야하는지는 알지 못합니다.

나는 그것에 대한 자신의 CSS 클래스를 만들기 시작했지만 꽤 키워드에 대한 확신을 가지고 있으며이를 확인하고 싶습니다.


EDIT : 나는 반전 된 메뉴 나 보조를 위해 신속하게 테스트를 마쳤습니다. 그러나이 질문은 여전히 ​​유효합니다.

드롭 다운 항목이 바로 열 수 강조되지 않을 수에 대한
.menu:not(.secondary) .dropdown.item.current{ 
    background: rgba(255,255,255,.15); 
    color: #fff !important; 
} 
.menu:not(.secondary) .dropdown.item.current:after{ 
visibility: visible!important; 
z-index: 100!important; 
background: #3d3e3f !important; 
margin: 0 !important; 
box-shadow: none !important; 
border: none !important; 
} 
.menu.inverted .dropdown.item.current{ 
border-color: #fff; 
} 

답변

0

는 요소에있는 '선택'수준이 아니라 '활성'클래스를 포함

관련 문제