HREF Setting Button Color

Question

I have a fa-icon basic and want to apply a link in it to redirect to facebook.

but when I added the property href, it changed the color of the button leaving blue, as in the image below:

my code:

<div>
    <div class="text-center">
     <a class="btn" href="https://www.facebook.com"><i class="fab fa-facebook-square"></i></a>
    </div>
</div>

I want to keep it white as default and insert the link. How can I resolve?

Answer 1

The icon turns blue because it is an already visited link. To keep the button white, simply force the style of visited links in a css file or tag <style> in html itself:

a:visited {
    color: white;
}