Html 输入'；当输入和占位符的字体大小不同时，Chrome中的占位符未对齐

当占位符的字体大小与输入字体大小不同时，占位符在Chrome中垂直对齐（在Firefox中可以正常工作）

屏幕截图：

以下是HTML/CSS:

正文{
填充：20px；
}
输入{
填充：0 10px；
颜色：绿色；
字体大小：30px；
高度：57px
}
输入：：-webkit输入占位符{
颜色：蓝色；
字体大小：14px；
线高：57px；
}
输入：：-moz占位符{
颜色：蓝色；
字体大小：14px；
}

---

这似乎是Chrome的错误行为，占位符与输入中较大字体的基线垂直对齐

为了在Chrome中使较小的占位符文本垂直居中，可以使用

position:relative

和

top:-5px

作为解决方法

变通办法

正文{
填充：20px；
}
输入{
填充：0 10px；
颜色：绿色；
字体大小：30px；
高度：57px；
}
输入：：-webkit输入占位符{
颜色：蓝色；
字体大小：14px；
位置：相对位置；
顶部：-5px；
}
输入：：-moz占位符{
颜色：蓝色；
字体大小：14px；
}

---

有人知道一个解决方案吗？两种字体大小应该相同，以便将其置于中间。