去掉火狐瀏覽器中按鈕點擊後顯示的虛線

今天測試給我提了一個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;
}