css - Input type=date 右边的旋转控制按钮没有垂直对齐

Question

我正在使用这段代码创建一个日期选择器；浏览器是 Chrome 54。

<input type="date">

CSS:

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

结果，右边的按钮没有正确的垂直对齐，它们对齐到顶部。

有没有办法修复它，使它们对齐到中间？

Answer 1

您可以使用填充来管理..

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

<input type='date'>