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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...