Search code examples
htmlcsshyperlinkhref

Why my hyper on right-click open new windows convert bule with underline, how to remove this behaviour

when I right-click on a hyperlink and select open new window then that link becomes blue with an underline. I want to remove this behavior.

I already search on the internet and find that using 'text-decoration: none;'

I can remove this happening but still it is happening. I tried text-decoration: none; style at the level of the close on the direct 'a' tag inside HTML (style="text-decoration: none;") but still not working.

There are different states of link: Normal, Hover, Visited so I used 'text-decoration:note on Visited'

footer ul li a:visited{
    text-decoration:none
}

in fact I used text-decoration:none at every possible code block, but still only when I right click and select the link to open in new windows it turns blue underline

Solution

  • That's weird, try this?

    a, 
a:link, 
a:visited, 
a::before, 
a::after {
  text-decoration: none;
  color: #000;
  font-size: 2rem;
  outline: none;
}
    <a href="javascript: void(0)">Be gone underline</a>