激活后如何更改按钮颜色？

Question

这是我的代码：

<div class="shell-container"><br>
      <center><a href="{{instagram_url}}"style="margin:-3.5px; background-color: #e4405f" class="button btn btn-block btn-instagram"> <i style="margin: 0 5px 0 0;" class="fab fa-instagram"></i>    Sígueme en Instagram </a><br></center>
    </div>

这是我的“按钮”类

.button{
    border-radius: 6px;
    width:275px;
    color: white
  }

问题是，每当您将光标放在链接上或单击链接时，字体就会自动变黑，并且我不希望这种情况发生。我只想以白色为第一张图片。谢谢前进

Answer 1

假设没有其他CSS规则具有更强的特异性，这将使您的按钮文本始终保持白色：

.button：悬停， .button：活动， .button：focus { 白颜色 }

不过，区分不同状态的可见性通常是一个好习惯，因为它可以为用户提供有关发生情况的反馈。

Answer 2

在大多数浏览器中，“已访问”或单击的链接的默认颜色为紫色。看来您还有另一个CSS规则正在使您的访问链接和悬停链接变黑。您可以在下面找到有关更改方法的示例：

Base 12 example
[0, 0, 0, 5, 12]
[0, 0, 0, 6, 0]
[0, 0, 0, 6, 1]
[0, 0, 0, 6, 2]
[0, 0, 0, 6, 3]
[0, 0, 0, 6, 4]
[0, 0, 0, 6, 5]
[0, 0, 0, 6, 6]
[0, 0, 0, 6, 7]
[0, 0, 0, 6, 8]
[0, 0, 0, 6, 9]
Base 3 example
[0, 0, 0]
[0, 0, 1]
[0, 0, 2]
[0, 1, 0]
[0, 1, 1]
[0, 1, 2]
[0, 2, 0]
[0, 2, 1]
[0, 2, 2]
[1, 0, 0]
[1, 0, 1]

请注意，您可以通过逗号分隔相似的规则来将它们分组在一起。

Answer 3

尝试一下：

Error: Failed to detect OS
    at ChildProcess.<anonymous> (c:\Users\jorda\AppData\Local\Programs\Microsoft VS Code\bin\Example\node_modules\tesseract.js\src\createWorker.js:173:15)
    at ChildProcess.emit (events.js:311:20)
    at emit (internal/child_process.js:876:12)
    at processTicksAndRejections (internal/process/task_queues.js:85:21)