爲什麼在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個像素？

回答

相關問題