firefox火狐浏览器outline:none去除虚框失效的坑

一、问题描述

在点击按钮时，因为登录按钮获得焦点，按钮上出现了难看的虚框，强迫症患者表示谁也忍受不了……

如下图所示：

 

二、解决方案

找了很多方法，比如直接在css样式中加这行代码

：focus{outline:none;}

又比如在js代码中解决

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

然而，尝试了无数次，都失败了，

为什么呢？

因为笔者用的是火狐浏览器……

需要用一条火狐浏览器私有的命令，这样

#window button::-moz-focus-inner{
    border: 0 ；
    outline:0;
}

重点是::-moz-focus-inner！！！

效果如图：

 

好了，又治好了我多年的强迫症。

并不是什么大问题，但这种小bug有时候贼烦人，留个记录让大家省些功夫吧！