如何在Chrome（Android，iOS）中的輸入[type = date]中刪除左縮進

Question

在iOS和Android版Chrome中輸入日期類型留下了縮進，我無法刪除。

的Android 4.4.4，iOS的7，谷歌Chrome

HTML

<input type="text" value="Text input"> 
<br> 
<input type="date" value="2014-02-01"> 

CSS

input { 
    border: 0; 
    background: 0; 
    padding: 0; 
    outline: 0; 
} 

演示 http://jsfiddle.net/pv317knh/

Answer 1

的UserAgent爲Chrome/Android的樣式表具有以下：

input[type="date" i], 
input[type="datetime-local" i], 
input[type="month" i], 
input[type="time" i], 
input[type="week" i] { 
    align-items: center; 
    -webkit-appearance: menulist; 
    background-color: ButtonFace; 
    border: 1px solid #a9a9a9; 
    display: -webkit-inline-flex; 
    overflow: hidden; 
    width: 10em; 
} 

這是一個flexbox。所以，請嘗試display:inline-block;。