在反应中更改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的元素，使其更具体。