Remove the dotted border automatically generated by clicking the link of tag A (compatible with FF)

Methods for removing dashed boxes	Advantages and disadvantages	Compatibility	Interrupt tab?
<A href = "#" onfocus = "this. blur ()"> this blur </a>	When link focus is triggered, the focus is lost. js and html are coupled.	None	Yes
A: focus {outline: none;-moz-outline: none}	Outline is introduced by css2.1 to remove the visual problems of dashed boxes. It is the responsibility of css.	Ie6/ie7 not supported, ie8 +/ff/safari/opera [2] supported	No
<A href = "#" hidefocus = "true"> hidefocus </a>	This attribute is a private attribute of ie [3]	Ie5 + support	No
A {blr: expression (this. onFocus = this. close ());} A {blr: expression (this. onFocus = this. blur ());}	Batch Processing is supported, but the performance problem of expression cannot be ignored.	Expression ie6/7 is supported. ie8 + and non-ie are not supported.	Yes

Based on the above, we recommend that you use the hidefocus attribute in ie and outline: none in ff/chorme/opera/safari.

That is: <a href = "#" hidefocus = "true"> link </a>
A: focus {outline-style: none;-moz-outline-style: none ;}