iOS 5.0 Safari 未在文本框中垂直居中占位符

我想将页面上的输入文本框中输入的文本垂直居中。

实现此目的的典型方法是将行高和高度设置为相等。这适用于 iOS 5.0 之前的 Safari。

然而;在 iOS 5 上，Safari 垂直居中显示键入的文本...但占位符文本和光标显示为顶部对齐。

.txtBox {
    line-height: 3em;
    height: 3em;
}

<input type="text" class="txtBox" placeholder="Name"></input>

还有其他人面临这个问题吗？

对我来说，只有一种解决方案在我测试的所有浏览器（Chrome、FF、Safari (+iOS)、IE10）中显得接近完美：

line-height: normal;

解决方案如line-height: 100% and line-height: 1;似乎与输入顶部对齐，尤其是在 Chrome 中。

http://jsfiddle.net/5Vc3z/ http://jsfiddle.net/5Vc3z/

比较：

http://jsfiddle.net/5Vc3z/1/ http://jsfiddle.net/5Vc3z/1/