Input 为什么输入类型为“=”；日期“；字段比输入类型高2个像素="；“文本”；镀铬字段？

我有一个input type=“date”字段和Chrome中的input type=“text”字段并排出现。输入日期字段比文本字段高2个像素。有人知道为什么会这样吗？查看后，无论样式如何，它似乎都会发生。

我知道这不太理想，但我最终只是为我的

输入[type=“date”]

设置了与我的

输入不同的
填充属性的样式

input, select, textarea {

    padding: 3px 5px;

    /* Fix for input and select elements being different sizes */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

input[type="date"] 
{
    padding: 2px 5px;
}

请注意，我还考虑了select元素的高度不一致性，这是由
框大小调整
属性修复的。您可能也会遇到这种情况。
这可能不言而喻，但因为这里还没有提到。。。在
date
上设置显式高度以及您想要匹配的其他输入，将使这成为一个问题

只是花了相当多的时间研究这一点，不幸的是，没有找到任何其他方法来解决它

然后又出现了另一个问题：似乎本地步进机不会自动将自身与垂直中心对齐

我尝试使用
display:flex；对齐项目：居中输入（无影响），但最后，使用
：-webkit内部旋转按钮直接对准微调器，并应用
对齐自：居中处理它


input[type=“text”]，
输入[type=“date”]{
高度：2em；
显示器：flex；
背景：白色；
边框：2件纯蓝；
左侧填充：.5rem；
填充权：.5rem；
}
输入[type=“date”]：：-webkit内部旋转按钮{
自对准：居中；
}

正文
日期
如果有人能提供一个解决方案，使它们的高度相等，那将非常有帮助。你能发布你附加到这些字段的CSS吗？这个链接不带样式显示出来，以便更容易查看。下面是另一个简单的例子：这将使非WebKit浏览器的输入更小。