Vue材质更改图标颜色答案

【问题标题】：Vue material change icon colorVue材质更改图标颜色
【发布时间】：2021-11-08 13:58:13
【问题描述】：

如何更改<md-icon> 的图标颜色？在 Vue 模板中，我这样使用它：

 <md-icon>list_alt</md-icon>

如果我查看页面上呈现的 css，我会看到 css 中定义的默认颜色为灰色：

.md-icon.md-theme-default.md-icon-font {
    color: var(--md-theme-default-icon-on-background, rgba(0,0,0,0.54));
}

【问题讨论】：

【解决方案1】：

好的，解决方法很简单：

<md-icon style="color:red">list_alt</md-icon>

【讨论】：