inputタグのテキスト入力ボックス(input type="text")やボタン(input type="button")のデザインをCSSで作っても、そのままではiOSのiphoneやipadで効きません。
たとえば下の画像ようなデザインにCSSでしたとしても
iphoneやipadで見ると
こうなってしまい、「なんじゃ、こりゃ!」っていう風になります。
(こういうお節介機能はいちいちいらないんですけど、appleの人たちは何を思ってこうしてるんでしょうかね。その気持ちが分からないです)
iphoneやipadでもパソコンやandroidと同じ見た目にするためには、該当する要素に「-webkit-appearance : none;」を指定します。
form input[type="button"] {
-webkit-appearance:none;
}