垂直对齐按钮文本？

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 上垂直对齐（顺便说一句，我无法让 JSFiddle 使用 @font-face）？

Answer 1

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

Answer 2

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

Answer 3

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

垂直对齐按钮文本？

Vertically align button text?

html

css

font-face

ios