부트 스트랩 드롭 다운이 클릭되었을 때 글꼴 변경 아이콘

Question

부트 스트랩 드롭 다운 제목에 글꼴 멋진 아이콘이 있습니다. 드롭 다운을 클릭하면 배경색이 녹색으로 변경되고 텍스트 색상이 어두운 회색 음영이됩니다. 내 문제는 fa 아이콘이 색상을 변경하지 않으며 녹색과 같은 색조를 띠기 때문에 "보이지 않게"됩니다. 드롭 다운을 누를 때 링크와 fa 아이콘의 색상을 어떻게 바꿀 수 있습니까? 문제가있는 사이트 링크는 다음과 같습니다. www.jojogames.de/TwoScopes/index.html

미리 감사드립니다.

Answer 1

마우스를 올리면 .faicon의 색을 변경하려면 .dropdown:hover의 자식을 .faicon으로 설정하십시오. 보이지 않는 아이콘에 대해서는 .dropdown.open으로 열면 드롭 다운을 타겟팅하십시오. 물론 빨간색과 보라색은 자리 표시 자 색으로 바뀝니다.

<li class="dropdown><a href="#">Team <i class="fa fa-users faicon"></i></a></li> 

CSS는

.faicon { 
    color: #30D31C; 
} 
.dropdown:hover .faicon, 
.dropdown.open .dropdown-toggle:hover .faicon { 
    color: red; 
} 
.dropdown.open .faicon { 
    color: purple; 
}