angularjs – 如何更改角质材料中md-icon的颜色?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何更改角质材料中md-icon的颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我开始在我的项目中使用Angular Material,我想知道如何在am按钮中更改svg颜色。

这是我的代码

<md-button class="md-fab md-primary">
    <md-icon
        class="ng-scope ng-isolate-scope md-default-theme"
        style="height: 14px; width: 14px;"
        md-svg-src="img/material-icons/core/arrow-forward.svg"
    ></md-icon>
</md-button>

我需要添加什么来将svg的颜色从curent黑色变为白色,就像Google’s button demo? (“使用字体图标的图标按钮”一节)

对于那些尝试着色md-icon的人,我发现使用Angular 1.3.x和Angular Material 0.8.x也有同样的问题。

我通过编辑我的SVG文件删除覆盖任何继承的颜色的“fill”属性解决问题。

在每个SVG文件删除此“填充”属性后,可以通过CSS as specified by Jason Aunkst正确选择要分配给图标的颜色。

猜你在找的Angularjs相关文章