滑动门按钮元素仅在Firefox中打破

Question

我正在尝试做一个可以用于一般用途的滑动门按钮,除了Firefox之外一切正常.按钮中的span元素始终在FF中降低2px.

这是一个例子

http://jsbin.com/orami3/4

Answer 1

试试这个:

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

(注意,冒号(:)加倍,肯定的.)

在这种情况下,额外的填充是由一个不起眼的Firefox bug引起的.

(我自己遇到过这个错误,我通过Google搜索在这个博客上找到了解决方案.)