remove css bounding box outline

Question

is there a way to remove the outline of the link when the user clicks the link. Is this a css issue or a jquery

<ul>
    <li><a href="#">Click Me</a></li>
</ul>

My code creates tabs and which works except when the user clicks the tab I get a bounding box of the outline of the link

Answer 1

it can be done with css, not widely supported though using outline:none

try

 li a:focus{ 
   outline:none
 } 

Answer 2

This is a CSS issue related to the "outline" attribute:

<style type="text/css">
   a{ outline: 0 none; }
</style>

If you just want to remove the outline on click:

<style type="text/css">
   a:focus, a:active{ outline: 0 none; }
</style>