How To Change A Links Underline Color with CSS

By default, a links underline color may appear in a different color.

Use this CSS tag to set a links underline color:

text-decoration-color: #000;

Be sure to also use this tag to set a links underline color on hover. Here’s an example:

Set Link color CSS:

a.black-links
font-weight: 400;
color: #000;
text-decoration: underline;
text-decoration-color: #000;
}

Set Link color on hover CSS:

a.black-links:hover
color: #25B802 !important;
text-decoration-color: #25B802;
}

Enjoy!