css - 使用 CSS 使 和 看起来一样

Question

我想让 和 看起来一样。我发现了一个类似的帖子，建议添加

box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;

但是在Firefox中查看还是有细微的高度差。这是 jsfiddle .有帮助吗？

Answer 1

http://jsfiddle.net/H3HK8/22/

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

这修复了中间的那个，仍然在处理最终的输入。

从这里http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/

更新

对于最后一个例子，我怀疑你是这个 http://www.cssnewbie.com/input-button-line-height-bug/#.USzRd6Wcmzc 的受害者

你可以看到行高在这个例子中没有影响http://jsfiddle.net/H3HK8/24/ ，即使添加了 !important。

And while trying to work around this rule, I discovered something that makes the situation a little more dire: browser-defined !important rules cannot be over-ruled by author-defined !important rules. This rule cannot be overruled by a CSS file, an inline style — anything.