現象: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