Css 如何在UC浏览器Mobile上垂直对齐输入元素的占位符？

我的问题是特定于浏览器的。我的css在移动设备上的UC浏览器中的效果不如在其他浏览器中的效果好

我想在中心垂直对齐占位符。但令我惊讶的是，垂直排列似乎有点偏离

这是我从UC浏览器上截取的屏幕截图

这是我小提琴的链接

以下是UC浏览器的链接：

我已经应用了以下css

.date输入{
填充：8px 30px 8px 36px；
字体大小：14px；
线高：19px；
字体大小：400；
}

---

只需使用em而不是像素

.date-input {     
    font-size: 1em;
    font-weight: 400;
    line-height: 1.35em;
    outline: none;
    padding: 0.57em;
}

---

我想你可以使用填充来调整它。@Mohan我在UC浏览器上的facebook网站上检查了它，它在登录输入文本字段中显示了相同的内容：（试着用

em

单位设置你的线高度。我希望它能帮助你，我的朋友：-）