iPhone独自のCSSを無効にする
WEB
iPhone
一番困るのは、フォームなんですよ。
送信ボタンとか、セレクトボタンが、味気ない。
文字も小さく、サイズも小さいので、タップするのも大変。モバイル本人がモバイルファーストどこ吹く風。
しかも何故かグラデーション、しかもグレー、しかも濃いめ。喪中のようです。
白背景だ、角丸だ、余白だと、一所懸命CSSをあてて、PCではキレイになっても、
スマホではこの独自のCSSが優先されて、すべてガン無視される仕様なのです。
【参考】iPhoneなどのiOSでinput要素のボタンにCSSが効かない場合の対処法
* { -webkit-appearance: none; }
全ての要素でwebkit独自の装飾を無効にするおまじない。
リセットCSSのうしろにくっつけるのがお約束になりそうですね。