Various ways to remove link dotted boxes with CSS and JS_html/css_WEB-ITnose

Processed with CSS in IE:

. Code

1. a{noOutline:expression(this.onFocus=this.blur());}/* "onFocus" Note the case*/

Firefox’s processing method is more in line with the standard. You only need to set a:focus{outline:none} in the CSS style code. Next, let’s take a look at the unified processing method in MSIE and FF:

. Code

1. a{
2. outline:none ; /*FF*/
3. noOutline:expression(this.onFocus=this.blur());/*IE*/
4. }

Considering performance optimization, you can refer to the following code:

. Code

1. a{outline:none;}
2. a:active{noOutline:expression(this.onFocus=this.blur());}
3. :focus{outline:0;}

2. Use js to solve the link virtual box method: front-end framework example

. Code

1. < script language="javascript">
2. $("a").bind("focus", function(){
3. if(this.blur){
4. this.blur();
5. }
6. });