css 在SVG文件中，确保没有内联填充颜色以确保其有效。适用于所有浏览器

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 在SVG文件中，确保没有内联填充颜色以确保其有效。适用于所有浏览器相关的知识，希望对你有一定的参考价值。


/*--- CHANGE SVG COLOUR ---*/
.butFrame .icon{color:#323232; fill: currentColor;}
.butFrame .icon svg{fill: currentColor;}
.butFrame .icon path{fill: currentColor;} 

/*--- CHANGE ON HOVER ---*/
.butFrame:hover .icon{color:#fff;}

以上是关于css 在SVG文件中，确保没有内联填充颜色以确保其有效。适用于所有浏览器的主要内容，如果未能解决你的问题，请参考以下文章

css 在SVG文件中，确保没有内联填充颜色以确保其有效。适用于所有浏览器

设置内联 SVG 的填充颜色 [重复]

css3 过渡延迟，如果动画 svg 填充和颜色同时 chrome 中的错误在 FF 中起作用

img src SVG改变填充颜色

如何设置背景/内联 SVG 的填充颜色？ [复制]

SVG：为啥外部 css 会覆盖文本的内联样式？