我試圖用一個(gè)scss文件來改變一個(gè)外部SVG的顏色。我已經(jīng)設(shè)置了& quot填充& quot我的外部SVG的屬性到& quot當(dāng)前顏色& quot,并為該特定ID定義了顏色,但是顏色仍然沒有改變。我需要使用currentColor,因?yàn)轭伾珜⑷Q于一個(gè)變量,該變量將根據(jù)用戶配置而改變。SVG也不能是內(nèi)聯(lián)的,必須是外部的。
挽救(saving的簡寫)
<svg id="mySvg" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="<my design>"/>
</svg>
SCSS
#mySvg {
color: blue; /* just a sample color, this is a variable in my CSS */
}