Remove the dotted border that appears when a hyperlink or button is clicked

From the code above, we can see that we can solve this problem by setting the CSS attribute outline. FF has a bug. The input and button labels are specially handled by the private attribute:-moz-focus-inner.

Remove the dotted border when a hyperlink or button is clicked in pure CSS

A, input, button {outline: none; }::-moz-focus-inner {border: 0px;} WEB Front-end Developer Network front-end attacker www.web92.net Www.web92.net

从以上代码可以看出，可以通过设置CSS属性outline解决。

FF存在bug，其中input，button标签通过私有属性::-moz-focus-inner特别处理

以上方法在IE6、IE7下无效。可使用 onfocus 属性解决，如下：

admin10000.com

使用jquery方法只需一句，非常简单，支持所有浏览器

$(“a,input,button”).focus(function(){this.blur()});