我已验证正在加载以下样式:
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 样式按钮上的虚线。
关于css - 输入:焦点不适用于 Firefox，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1408563/