如何保留超链接材料图标的颜色答案

【问题标题】：How do I preserve the color of a hyperlinked material icon如何保留超链接材料图标的颜色
【发布时间】：2019-10-23 17:22:43
【问题描述】：

我正在开发一个 Angular 应用程序并第一次使用材质图标。我正在尝试显示一个“电子邮件”图标，该图标作为 mailto 超链接：

<a href="mailto:trevor.goodchild@thecompany.com">
    <i class="material-icons">
      mail_outline
    </i>
</a>

因此，没有超链接的图标只是带有黑色轮廓的白色。超链接时黑色轮廓变为蓝色。我正在尝试找出最简单的方法来让它保持黑白状态。

【问题讨论】：

【解决方案1】：

你可能会得到这个副作用，因为应用了a:link的样式

尝试将 CSS color 属性直接设置为黑色元素，嵌套您的材质图标，或删除 a:link 的样式。

【讨论】：