Remove the dotted box (ie, Firefox) around the link a tag)

I have never noticed that the original text-index will affect the dotted line of the tag (ie does not seem to be), and an ugly dotted line will be generated when I click it. Recently, during project rectification, this problem has been a long time. Therefore, I sorted out some documents. For reference.

I. Local Elimination

1. Firefox links sometimes generate ugly dotted lines because of the negative value of text-indent, but I think it is because the block element is not restricted. You can use outline: none to remove the dotted line when clicking a link. <A href = "#2" mce_href = "#2" style = "display: block; outline: none;"> aaa bb </a>

2. ie uses these three methods to eliminate the link dotted line

(1) <a href = "#1" mce_href = "#1" hidefocus = "true"> AAA </a>

(2) <a href = "#1" mce_href = "#1" style = "nofocus: expression (this. onfocus = This. blur () "> AAA </a>

(3) <a href = "#1" mce_href = "#1" onfocus = "Blur ()"> AAA </a>

Ii. global CSS elimination (available in practice)

A {BLR: expression (this. onfocus = This. Close ();}/* only supports IE, Which is inefficient when used too much */

A {BLR: expression (this. onfocus = This. Blur ();}/* only supports IE, Which is inefficient when used too much */

A: Focus {-moz-Outline-style: none;}/* IE does not support */

A: Focus {outline: none;}/* attributes added to many websites */