在反應中更改UIkit圖標的顏色

Question

如何更改UIkit圖標的顏色。我正在使用反應組件。 具體來說，我想改變分頻器圖標的顏色：https://getuikit.com/docs/divider

我已經試過大部分的回答這樣一個問題：Can I change the color of Font Awesome's icon color? 沒有一次成功。

我也嘗試過它包裹在標籤或

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

我想改變圖標本身沒有背景或其他CSS的顏色，因爲這些都容易使用style改變。

謝謝。

Answer 1

在圖標系統下面插入svg插入標籤，所以你只是樣式svg。

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

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

當然，您可以簡單地將自己的類添加到包含uk-icon的元素，使其更具體。