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