在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

简单完美！