问题描述:H5界面在点击按钮时,因为登录按钮获得焦点,按钮上出现了难看的虚框,强迫症患者表示谁也忍受不了……
- 解决方案
找了很多方法,比如直接在css样式中加这行代码
button:focus,button:actived{outline:none;}
又比如在js代码中解决
$("a,input,button").focus(function(){this.blur()});
然而,尝试了无数次,都失败了,
为什么呢?
因为笔者用的是火狐浏览器……
需要用一条火狐浏览器私有的命令,这样
button::-moz-focus-inner,button:focus{border: 0;outline:0;}
重点是:: -moz-focus-inner
!!!
好了,又治好了我多年的强迫症。
并不是什么大问题,但这种小bug有时候贼烦人,留个记录让大家省些功夫吧!