css – 输入：焦点不适用于Firefox

我有以下样式,我已验证正在加载：

input:focus { outline: none; }
:focus { outline: none; }

当我点击某些东西时,我这样做是为了停止显示虚线矩形.这适用于我注意到的FireFox中的所有内容,除了我的输入按钮.当我点击它们时,我的输入按钮仍会在它们周围显示一个虚线矩形.

我怎么能让他们停止这样做？

我需要这样做( source)：

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

我已经通过重置设置了“outline：0”,但需要-moz-focus-inner来摆脱CSS样式按钮上的虚线.