iconfont圖標symbol引用方式,有的圖標不能經過設置color樣式來修改顏色的解決辦法

現象:iconfont安裝後的圖標,是經過symbol引用方式,有的圖標不能經過color修改顏色的解決辦法,有的又能夠。正則表達式

<svg class="icon" aria-hidden="true" style="color:red;">
     <use xlink:href="#icon-PDF"></use>
</svg>

緣由:svg

當從阿里圖庫中圖標被添加至項目,若是編輯過項目圖標的顏色或者圖標自己是有顏色的,那麼在經過symbol獲取圖標時會在svg的path中增長fill屬性,致使沒法更改顏色,若是須要動態修改顏色,須要重新添加該圖標(自己圖標無色),獲取在symbol的js文件中程序刪除fill屬性。spa

解決辦法: code

1. 下載Js文件後,用Notepad++打開,而後用正則表達式查找:fill="#......" ,替換。blog

2. iconfont.cn上,全選項目中的文件,應用批量操做-->批量去色class

相關文章
相關標籤/搜索