svg修改图标颜色

水深无声 2024-03-17 17:38 186阅读 0赞

对于svg图标,想通过hover或者active 添加颜色,没有办法修改,解决办法:

  1. 修改svg图片源

最开始的svg图标:

2275efcd3b3e48dbb2f47af6b74712f5.png

修改这个fill=”currentColor”

806023635dbd407aa80e2c7bc5a71e74.png

要是要修改线条颜色就修改stroke属性:

65b1122c49e241f2b92715fd7454501b.png

28d578a322e14a7eb804f32577c001cd.png

fill属性设置对象内部的颜色,stroke属性设置绘制对象的线条的颜色。

fill: 填充色

stroke:边框,即线条,设置其颜色

发表评论

表情:
评论列表 (有 0 条评论,186人围观)

还没有评论,来说两句吧...

相关阅读