iphoneでのinput要素のデフォルトを消すコード

CSS

暫定的なコードなので、これから随時更新していきます。

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    outline: none;
}

select {
    /* -webkit-appearance: none; */
    border-radius: 0;
    outline: none;
}

input{
    border:1px solid black;
    border-radius: 5px;
}

 

関連記事:

【CSS】inputタグをフォーカスした時に出てくる枠線を消す方法 inputタグがiPhoneの時に角丸にならないようにする方法 大学生活でやるべきこと、やって良かったこと10選 【CSS】主要な擬似クラスについて