Как сохранить цвет иконки материалов с гиперссылками?

Question

Я работаю над приложением Angular и впервые работаю с иконками материалов. Я пытаюсь отобразить значок «электронная почта», который является гиперссылкой как mailto, например:

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

Таким образом, значок без гиперссылки просто белый с черными контурами. Черный контур становится синим при гиперссылке. Я пытаюсь найти самый простой способ сохранить его черно-белым.

Answer 1

Возможно, вы получите этот побочный эффект из-за применения стиля для a:link

Попытайтесь установить свойство CSS color непосредственно на черный для элемента, который вложит ваш значок материала или удалит стильдля a:link.