在 hover 链接上更改 Bootstrap 4 导航栏的颜色

Question

我想知道悬停在链接上时如何更改颜色

感谢您的任何建议？

HTML：

<nav>
  <a class="underline" href="welcome.html">./home </a>
  <a class="underline" href="about.html">./about </a>
  <a class="underline" href="projects.html">./projects </a>
  <a class="underline" href="ctf.html">./ctf's</a>
</nav>

Answer 1

也许你可以添加一些 css：

<style>
.underline:hover {
  color: red; /* text color */
  background-color: blue;
}
</style>

Answer 2

<style>
 
a.underline:hover  
{ color: black !important;  
} 
</style>

Answer 3

添加您自己的 css 文件以覆盖 bootstrap -> nav a:hover{ color: #yourcolor; } nav a:hover{ color: #yourcolor; }

Answer 4

<style>

.underline:hover {
      color: red !important;  /* for link text color */
      text-decoration: none; /* for delete under line */
    }
</style>