输入类型=右侧的日期旋转控制按钮未垂直对齐

Question

我正在使用此代码创建日期选择器;浏览器是Chrome 54.

- hosts: '!databases'

CSS：

<input type="date">

在结果中，右侧的按钮没有正确的垂直对齐方式，它们与顶部对齐。

有没有办法修复它以使它们与中间对齐？

Answer 1

您可以使用填充进行管理..

input {
        height: 35px;
        line-height: 35px;
        box-sizing: border-box;
        vertical-align: middle;
        padding:5px 0px;
}

<input type='date'>