Annoying Blue Color for Button in HTML-CodePudding

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" >
            <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.

CodePudding user response：

try this change the color property of anchor tag like this.

a{
 color: #000; /* this will change the color to black
}

CodePudding user response：

You can apply to the <a> tag itself, removing the <button> altogether. Bootstrap's documentation includes an example with <a>.