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

发布时间：2020-12-17 08:14:27 所属栏目：安全来源：网络整理

导读：我开始在我的项目中使用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/ma

我开始在我的项目中使用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正确选择要分配给图标的颜色。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!