HTML 中按钮的恼人蓝色

Question

Screen shot of problem 我正试图摆脱 Bootstrap 支持的 Bootstrap 按钮中这种烦人的蓝色。首先，有一个蓝色的下划线，但是当添加 text-decoration: none 下划线被清除但仍然是蓝色的。

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

但是我的截图还是蓝色的。我尝试过使用 span 的变体，但这也无济于事。我上面做错了吗？

提前致谢。

Answer 1

您可以将 class="btn btn-outline-dark" 应用于 <a> 标签本身，同时删除 <button>。 Bootstrap 的 documentation 包括一个带有 <a> 的示例。

Answer 2

试试这样改变锚标记的颜色属性。

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

HTML 中按钮的恼人蓝色

Annoying Blue Color for Button in HTML

button

hyperlink

underline