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

General Discussions
,
3

If text-decoration: none isn’t removing the blue underline, it might be because some browsers apply additional styles like border-bottom or the link is visited/focused/active, which can keep showing an underline. I usually do:

a, a:visited, a:hover, a:focus, a:active {  
  color: white;  
  text-decoration: none !important;  
  border-bottom: none;  
}

This covers all states and removes any border underlines that could mimic the default o