gpt4 book ai didi

css - 在 react 中更改 UIkit 图标的颜色

转载 作者:太空宇宙 更新时间:2023-11-03 20:29:04 24 4
gpt4 key购买 nike

如何更改 UIkit 图标的颜色。我正在使用 react 组件。具体来说,我想更改分隔线图标的颜色: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 很容易更改。

谢谢。

最佳答案

在图标系统下面是插入到标签中的 svg,因此您只需设置 svg 的样式。

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

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

当然,您可以简单地将自己的类添加到包含 uk-icon 的元素中以更加具体。

关于css - 在 react 中更改 UIkit 图标的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46733473/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com