Hide Hyperlink Focus

[mohammedsk]

Is there a way to hide the link focus onmousedown using JavaScript or CSS? Specially in Firefox.


Thanks,

[Kravvitz]

Yes... Why would you want to disable an accessibility feature that your users may rely on?

[vikrantkorde]

Can you please give some more details exactly what you are asking for....

[wysiwyg]

var links = document.getElementsByTagName( 'a' );
for( var i = 0, l = links.length; i < l; i++ )
{
    links[i].onfocus = function() { this.blur(); }
}

But as said, you make your site less accessible by doing it.

[mohammedsk]

Thanks, the only reason I wanted to hide the focus is because I have created CSS tabs, the tabs are 160x40px, but when the user clicks on the tab, the focus covers an area of 160x60, it just looks annoying.


Thanks for the help.

[Kravvitz]

There is a better way. Using blur() to do it disables keyboard navigation which is an extremely bad idea.

Make sure that the links have a :focus state defined and then you can use this:

#nav a {
  outline: 0 none;
}