html - 如何保留超链接 Material 图标的颜色

Question

我正在开发 Angular 应用程序，这是我第一次使用 Material 图标。我正在尝试显示一个“电子邮件”图标，该图标被超链接为 mailto:

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

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

Answer 1

您可能会得到这种副作用，因为为 a:link

应用了样式

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