1

我正在尝试将本机日期输入用于 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;
}

http://jsfiddle.net/ntyjG/

4

0 回答 0