通过img引入的svg如何改颜色?

1.svg标签直接在页面中

svg {
    fill: currentColor;  //currentColor为css变量，自动读取当前元素颜色
}

2.通过img引入的svg文件

此时css对svg文件无法生效，此时要用到CSS3滤镜filter中的drop-shadow，通过生产一个可指定颜色的阴影放置于svg的位置，并将原始svg移出视线

<img src="img/success.svg">

img{
    position: relative;
    left: -80px;
    filter: drop-shadow(#fff 80px 0);
}

备注：drop-shadow可用于png图片变色