HTML5，占位符，Webkit 中的行高

Question

我有一个输入框:

<input type="text" placeholder="whatever">

样式:

input {
    margin: 0;
    padding: 0 6px;
    font-size: 19px;
    line-height: 19px;
    height: 36px;
    width: 255px;
}

问题是 webkit CHROME 中的占位符行高没有生效。所以输入字段中的文本以丑陋的方式对齐。还有其他人看到过这个问题吗？现在如何解决？

谢谢

Answer 1

输入占位符似乎不喜欢像素行高值，但这会在输入中垂直居中:

::-webkit-input-placeholder { line-height: normal; }