よもやまチョモランマ

iPhone独自のCSSを無効にする

一番困るのは、フォームなんですよ。

送信ボタンとか、セレクトボタンが、味気ない。
文字も小さく、サイズも小さいので、タップするのも大変。モバイル本人がモバイルファーストどこ吹く風。
しかも何故かグラデーション、しかもグレー、しかも濃いめ。喪中のようです。

白背景だ、角丸だ、余白だと、一所懸命CSSをあてて、PCではキレイになっても、
スマホではこの独自のCSSが優先されて、すべてガン無視される仕様なのです。

【参考】iPhoneなどのiOSでinput要素のボタンにCSSが効かない場合の対処法

* {
-webkit-appearance: none;
}

全ての要素でwebkit独自の装飾を無効にするおまじない。
リセットCSSのうしろにくっつけるのがお約束になりそうですね。