垂直对齐按钮文字？

Question

我有以下代码来显示一个通用按钮文本：https://jsfiddle.net/6ogo4bqr/

<input id="Button1" type="button" value="Log In" class="btn1" /> 
<br /> 
<input id="Button2" type="button" value="Log In" class="btn2" /> 
<br /> 
<div id="Button3" class="btn3">Log In</div> 

它工作在Firefox，但在iPad上精细的按钮，文本显示更倾向于在按钮的上方（虽然它是确定，当它使用Helvetica或Arial）：

我怎样才能让文字在iOS垂直对齐（BTW我无法得到的jsfiddle使用@字体面）？

Answer 1

我最终发现我使用的特定字体文件已损坏。当我替换文件时，它一切正常。

Answer 2

尝试并删除文本的顶部和底部填充并添加line-height。

Answer 3

#selector{ 
    /*set both top and bottom padding with same values */ 
    padding-top: 20px; 
    padding-bottom: 20px; 
}