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?