'Annoying Blue Color for Button in HTML

Screen shot of problem I am trying to get rid of this annoying blue color in my Bootstrap button supported with Bootstrap. First, there was an underline with blue color, but when add text-decoration: none underline is cleared but still blue color.

<style type="text/css">
      a, a:link, a:visited, a:hover { text-decoration:none; }
      </style>



      <button type="button" class="btn btn-outline-dark">
            <a href="https://www.instagram.com/freyahomebodrum_mertticaret/"
              target="_blank">Instagram</a>
          </button>

But I still have the blue color as in the screenshot. I have tried variations using span but that does not help either. Am I doing something wrong above?

Thank you in advance.

Solution 1:^[1]

You can apply class="btn btn-outline-dark" to the <a> tag itself, removing the <button> altogether. Bootstrap's documentation includes an example with <a>.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Marius321967

'Annoying Blue Color for Button in HTML

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]