remove or disable focus border of browser via javascript

Question

Hey guys,

does anybody know how to disable or manipulate the (in most browsers) dashed border of a dom-element if it has the focus in a tabindex order? i want to build my own style for a focused element but it would be great to use the exixsting feature -because with tabindex it is possible to bind keydown event to the dom-element ...

you know what i mean?

thanks and regards

Answer 1

Using jQuery you can do

$("#nav li a").focus(function(){
  $(this).blur();
});

Answer 2

Just make a CSS rule for the elements you want that have outline:none;

Answer 3

input::-moz-focus-inner { border: 0; }

Answer 4

CSS trick:

:focus { outline: none; }