具有INPUT行高的Firefox错误?有什么工作吗?

Eri*_*rik 0 css forms firefox

我注意到我的输入按钮在Firefox中看起来不正确,我无法弄清楚如何使值(文本)出现在正确的位置.

.rb {
    width: 142px;
    height:142px;
    float:left;
    background:#2F2F2F;
    color:#FFF;
    font-size:95%;
    line-height:210px;
    margin-top:15px;
    border:0;
    outline:none;
    padding:0;
    text-align:center
}

.rbSubmit {
    background: url('http://www.41q.org/admin/img/sprite_icon.png') -568px -200px no-repeat;
    color:#808080
}
Run Code Online (Sandbox Code Playgroud)
<input id="rbSubmit" class="rb rbSubmit" type="submit" value="submit">
Run Code Online (Sandbox Code Playgroud)

Ry-*_*Ry- 5

Firefox添加了一些额外的填充.你可以像这样解决它:

.rb::-moz-focus-inner {
    border: 0;
    padding: 0;
}
Run Code Online (Sandbox Code Playgroud)