iphoneやipadでフォームのテキスト欄やボタンのデザインにCSSが効かない

inputタグのテキスト入力ボックス(input type="text")やボタン(input type="button")のデザインをCSSで作っても、そのままではiOSのiphoneipadで効きません。

たとえば下の画像ようなデザインにCSSでしたとしても

iphoneやipadで見ると

こうなってしまい、「なんじゃ、こりゃ!」っていう風になります。

(こういうお節介機能はいちいちいらないんですけど、appleの人たちは何を思ってこうしてるんでしょうかね。その気持ちが分からないです)

iphoneやipadでもパソコンやandroidと同じ見た目にするためには、該当する要素に「-webkit-appearance : none;」を指定します。

form input[type="button"] {
	-webkit-appearance:none;
}