去掉火狐浏览器中按钮点击后显示的虚线

2019独角兽企业重金招聘Python工程师标准>>>

今天测试给我提了一个bug，在火狐浏览器中，点击按钮后都会出现一个虚线边框，如图

我第一反应就是设置 outline: none，可试了试虚线边框仍然存在。于是百度了一下，火狐下需要设置伪元素 ::-moz-focus-inner 才可以

input[type=button]:focus,
input[type=submit]:focus,
button:focus {
  outline: none;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner {
  outline: none;
}

转载于:https://my.oschina.net/u/2282680/blog/915551