web前端使用CSS修改svg颜色样式

使用UI切图的svg无法直接修改内部的CSS样式,借用svgo工具可以完成样式的修改

一.准备

1.安装svgo npm包 npm install svgo --save-dev
2.在package.json 脚本命令中加入"svgo": "svgo -f src/common/icons/svg --config=src/common/icons/svgo.yml"
3.在控制台输入npm run svgo 即可进行svg修改,修改后的svg可以使用css样式进行修改

二.原因

美工制作的svg样式存在默认样式,所以无法通过css修改svg样式,而svgo可以破坏内部的svg默认样式,故可以通过css修改svg样式


版权声明:本文为wo_buzhidao原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。