为什么Android默认浏览器上的日期输入宽度比文本输入宽度小3px

时间:2013-03-29 15:52:25

标签: css html5

我正在尝试使用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/

0 个答案:

没有答案