firefox / opera中的按钮填充问题

Question

我的HTML按钮有问题。当我在Opera中放置按钮时，它位于中心（垂直），但是在Firefox中，按钮文本看起来比Opera的稍微低一点，这会破坏我网站的设计。

这是html代码：

<input type="submit" value="Log In" id="button-log" />

这是css代码：

#button-log {
width:70px;
height:30px;
background-color:#1963FF;
}

这里不寻常的不对吗？

但我真的不知道为什么登录文本会在Firefox中显示，但不会显示在Opera中。

如果有人帮助我真的很棒。

Answer 1

试试这个..

#button-log {
    width:70px;
    height:30px;
    padding:3px 0;
    background-color:#1963FF;
}

Answer 2

在按钮CSS中添加line-height

#button-log {
    line-height:24px; // or you can adjust accord to your need
    width:70px;
    height:30px;
    padding:3px 0;
    background-color:#1963FF;
}