css - 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 错误（功能）

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

这可能会有所帮助：

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