在react中更改UIkit图标的颜色

Question

如何更改UIkit图标的颜色。我正在使用react组件。具体地说，我想改变分隔图标的颜色：https://getuikit.com/docs/divider

<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的元素中，以便更具体地说明。