CODEWITHSUNDEEP
htmlcssmaterial-design
TrevorGoodchild
TrevorGoodchild

Reputation: 1060

How do I preserve the color of a hyperlinked material icon

I'm working on an Angular application and working with material icons for the first time. I'm trying to display an 'email' icon, that is hyperlinked as a mailto as such:

<a href="mailto:[email protected]">
    <i class="material-icons">
      mail_outline
    </i>
</a>

So the icon without a hyperlink is just white with black outlines. The black outline becomes blue when hyperlinked. I'm trying to figure out the simplest way to just keep it black and white.

Upvotes: 1

Views: 202

Answers (1)

Nigidoz
Nigidoz

Reputation: 478

Probably, you get this side-effect, because of applying style for a:link

Try to set CSS color property directly to black for element, that nests your material-icon, or remove style for a:link.

Upvotes: 2

Related Questions