1.svg標(biāo)簽直接在頁面中
需要把html內(nèi)svg的fill刪掉
svg {
fill: red;
}
2.通過img引入的svg文件
此時(shí)css對svg文件無法生效，此時(shí)要用到CSS3濾鏡filter中的drop-shadow，通過生產(chǎn)一個(gè)可指定顏色的陰影放置于svg的位置，并將原始svg移出視線
<img src="img/success.svg">
img{
position: relative;
transform: translateX(-80px);
filter: drop-shadow(#f00 80px 0);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
drop-shadow可用于jpg 厨相、png圖片變色
