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

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

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

去除之后,就没有了:

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?

如果文章有帮助到你,请我喝杯冰可乐吧~

发表于:2015年10月17日 ,阅读量:753 ,标签:CSS · firefox