How can I remove the blue underline from a link using CSS?

General Discussions
,
4

When I had trouble removing the blue underline, I realized that sometimes the underline is added by the browser’s default focus styles or custom user agent stylesheet.

Besides text-decoration: none !important;, you might want to reset any other underline effects, for example:

a {  
  color: white;  
  text-decoration: none !important;  
  outline: none;  
}

Plus, check for any parent elements applying styles that might interfere. Inspecting the element in your browser helps pinpoint the culprit.