Change color of Bootstrap 4 navbar on hover link-CodePudding

I want to know how to change the color when hovering over a link

Thanks for any suggestions?

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>

CodePudding user response：

Maybe you can add some css:

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

CodePudding user response：

Add your own css file to overwrite bootstrap -> nav a :hover{ color: #yourcolor; }

CodePudding user response：

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

CodePudding user response：

<style>

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