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日 ,阅读量:466 ,标签:CSS · firefox

版权声明:若非特别注明,本站所有文章均为作者原创,转载请务必注明原文地址。