css - 谷歌浏览器占位符对齐问题

Question

在谷歌浏览器中，当在高度为 30px 的文本输入中使用占位符时，占位符文本垂直对齐顶部？

如何使它位于文本输入的垂直中间？

Answer 1

占位符文本的对齐在当前版本的 Chrome 中被破坏了，因为它在当前的 WebKit 中被破坏了。不幸的是，在修复之前，您将无法使用本机占位符执行此操作。

• 铬错误 72413
• WebKit 错误 54797

---

更新：根据 Chromium 错误，该修复程序应该在 Chrome 14 中发布。

Answer 2

同时，您可以使用 padding-top 将文本下推。