我正在尝试使用HTML5表单的本机日期输入,除了Android默认浏览器之外,每个浏览器的宽度都相同。这是一个已知的错误,如果是这样,我如何解决它,因为我不知道如何只定位Android默认浏览器。
我创建了一个JSFiddle来演示这个问题。所有字段都应该触摸左右两侧的红线。
HTML:
<form>
<input type="text" id="text1" name="text1" placeholder="text input" />
<input type="date" id="date1" name="date1" placeholder="date input" />
<input type="text" id="text2" name="text2" placeholder="text input" />
</form>
CSS:
html, body, form, input {
padding: 0;
margin: 0;
}
body {
margin:50px;
}
form {
width: 202px;
}
form {
border:1px solid red;
border-top:none;
border-bottom:none;
}
input {
width: 200px;
border:1px solid black;
margin-bottom: 5px;
}