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