Question

我没有要显示的代码，但我想知道是否有人遇到过这个问题。

我有一个链接：

<a href="..." class="btn btn-primary text-white">...</a>

文本显示为白色，但是当链接处于活动/悬停/访问状态时，它是默认的紫色。

作为测试，我尝试将其添加到链接上方，但是它不起作用：

<style>
  .text-white a:hover,
  .text-white a:active,
  .text-white a:visited
  {
    color: white;
  }
</style>

工作示例：

.text-white a:hover,
.text-white a:active,
.text-white a:visited
{
    color: white;
}

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

<a href="#" class="btn btn-primary text-white">A Link</a>

Answer 1

您将类命名为.text-white，并在CSS中输入了.text-color。类名应该相等。

文本白色类上的引导颜色被忽略

1 个答案: