반응중인 UIkit 아이콘의 색상 변경

Question

UIkit 아이콘의 색상을 변경하려면 어떻게해야합니까? 반응성 성분을 사용하고 있습니다. 나는이 질문에 대한 대답의 대부분을 시도 https://getuikit.com/docs/divider

: 는 특히, 나는 디바이더 아이콘의 색상을 변경하려면 그들 중 Can I change the color of Font Awesome's icon color? 아무도 일하지 않습니다.

는 또한 이러한 style을 사용하여 쉽게 변경할 수 있습니다 나는이 아이콘 자체를하지 배경 또는 다른 CSS의 색상을 변경하려면

<i style={{color: 'rgba(0, 0, 0, 1)'}} className="uk-divider-icon"></i> 
<div style={{color: 'rgba(0, 0, 0, 1)'}} className="uk-divider-icon"></div> 

태그 또는

를 포장했습니다.

감사합니다.

Answer 1

아이콘 시스템 아래에는 svg가 태그에 삽입되어 있으므로 svg 스타일을 지정하십시오.

.span[uk-icon=*] svg{ 
    color:black; 
} 

.span[uk-icon=*] svg path{ 
    fill: green; 
} 

물론 구체적으로 uk-icon이 포함 된 요소에 자신의 클래스를 추가 할 수 있습니다.