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

我在Chrome中输入类型=“日期”字段与输入类型=“文本”字段并排。输入日期字段比文本字段高2个像素。有谁知道为什么发生这种情况？看完this page后，无论造型如何，它都会发生。为什么在Chrome中输入类型=“日期”字段比输入类型=“文本”字段高2个像素？

来源

2014-10-02 mapk

如果任何人都可以提供一个解决方案，使他们相等的高度，这将有极大的帮助。 – mapk 2014-10-02 19:26:24

您可以发布您附加到这些字段的任何CSS吗？ – guildsbounty 2014-10-02 19:29:04

那么这个链接，http：//webdesign.about.com/od/examples/l/bl_input-tag-examples.htm#date，没有样式显示，以便更容易看到。 – mapk 2014-10-02 20:10:35

我知道这不太理想，但我最终只是为input[type="date"]设计padding属性，而不是我的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财产。你也可能会遇到这种情况。

来源

2015-07-20 17:32:03 Chad

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

回答

相关问题