Firefox中的CSS行高样式到按钮（减少）

Question

如何减少按钮中文本和顶部边框之间的偏移量。我正在尝试设置行高，但它在Firefox中不起作用：Fiddle

CSS：

input[type="button"]
{
    border-color: #D2D2D3 #79797A #4D4D4E #C0C0C1;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    line-height: 7px;
    padding: 1px;
    width: 16px;
    background: #d8dadb;
}

HTML：

<input type="button" value="+" />

Answer 1

您设置了宽度和高度。拿出它们或将它们设置为自动，你的按钮将响应填充调整。

input[type="button"]
{
    border-color: #D2D2D3 #79797A #4D4D4E #C0C0C1;
    border-style: solid;
    border-width: 1px;
    line-height: 7px;
    padding: 1px;
    background: #d8dadb;
}​

Answer 2

Firefox bug （功能）

http://www.cssnewbie.com/input-button-line-height-bug/

这可能有点帮助：

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