svg字体不能更改颜色
在阿里图标等字体图标库中下载svg字体,发现不能更改颜色,这是因为本身每一个svg文件中有一个path元素,里面有fill属性,fill属性规定了字体的颜色,所以在外部父元素设置color是无法改变其颜色。有三种方法可以改变svg字体。
如果要改为黑色
方法1:
直接修改svg path元素中 fill属性为#000。但是这样的缺点就是只要用到这个字体图标都是黑色。
方法二:
fill="#fff"
改为
fill="currentColor"
就可以在父元素中设置color为#000
方法三:
全局加样式(有时有bug)
path { fill: inherit !important }
就可以在父元素中设置color为#000