如何在Chrome（Android，iOS）的输入[type = date]中删除左缩进

Question

iOS和Android中的Chrome中的日期类型输入已经缩进，我无法删除。

Android 4.4.4，iOS 7，Google 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

Chrome / Android的UserAgent样式表具有以下内容：

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

这是一个弹性箱。所以，请尝试display:inline-block;。