CSS eliminates the dotted box after the a tag is clicked

When the a label is focused, there will be a dashed box around the area of ​​the a label. This dashed box is different from the border in that it does not occupy any width. When you unfocus, the dotted box will disappear naturally. You can see it through several versions like Firefox or IE. Safari, Opera, Google browsers, etc. do not support this effect, so they cannot be seen. This is the dotted box that appears after the a label is focused, that is, the outline.

 

solution:

1、a:focus {

outline-style:none; 

-moz-outline-style: none;

}

2、<a href="#" onFocus="this.blur()">css</a>