在Firefox中删除多余的按钮间距/填充

Question

请参见以下代码示例：http : //jsfiddle.net/Z2BMK/

Chrome / IE8看起来像这样

Firefox看起来像这样

我的CSS是

button {

    padding:0;

    background:#080;

    color:white;

    border:solid 2px;

    border-color: #0c0 #030 #030 #0c0;

    margin:0;

}

如何更改代码示例以使两个浏览器中的按钮相同？我不想使用基于JavaScript的超链接，因为它们不能与键盘上的空格键一起使用，并且必须具有hrefURL，这不是处理问题的干净方法。

我的解决方案，从Firefox 13开始

button::-moz-focus-inner { margin: -1px; padding: 0; border-width: 1px; }

Answer 1

要在输入元素上修复它，还添加input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner简单完美！