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;
}​