为什么 Chrome 中的输入类型=“日期”字段比输入类型=“文本”字段高 2 个像素？

Question

我在 Chrome 中有一个输入类型=“日期”字段与一个输入类型=“文本”字段并排。输入日期字段比文本字段高 2 个像素。有谁知道为什么会发生这种情况？查看此页面后，无论样式如何，它似乎都会发生。

Answer 1

我知道这不太理想，但我最终只是padding为我的属性设计了与input[type="date"]我的不同的样式input。

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;
}

请注意，我还考虑了选择元素的高度不一致，这是通过box-sizing属性修复的。您也可能会遇到这种情况。