微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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正确选择要分配给图标的颜色。

原文地址:https://www.jb51.cc/angularjs/144576.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐