CSS: 干掉火狐浏览器的按钮的内部虚线框

陪她去流浪 桃子 2015年10月17日 阅读次数:1849

(我觉得我应该多写文章,多总结,所以一有想法就发上来了。

在去除之前,激活按钮时是这样的:

去除之后,就没有了:

CSS代码:

button::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    border: 0;
}

推荐使用SASS,写CSS更简单。

button, input[type=submit] {
    &::-moz-focus-inner {
        border: 0;
    }
}

参见:How to remove Firefox's dotted outline on BUTTONS as well as links?

这篇文章的内容已被作者标记为“过时”/“需要更新”/“不具参考意义”。

标签:CSS · firefox