Css/js/jquery three ways to get rid of linked dotted boxes

CSS: Very poor compatibility.

The code is as follows
A:focus,input:focus {outline:none;}

In Firefox can use-moz-outline:none; or Outline:none; To remove it. So we can write this:

The code is as follows
A:focus { Outline:none; -moz-outline:none; }

Direct add:

Onfocus= "This.blur ()"

You can also use the HTC file to add A.style.behavior properties. such as:

The code is as follows
<style> A,img { Behavior:url (JS file address); } </style>

Write the following statement in the JS file

The code is as follows
<attach event= "onfocus" handler= "onfocus"/> <script language= "JavaScript" > function onfocus () { This.blur (); } </SCRIPT>

JQ's writing:

code is as follows	&nbs P;
$ ("Input:not (input[type= ' text '],input[type= ' password ')"). Focus ( function () {     this.blur (); });