iPhone(iOS)でinput要素(送信ボタン)などにcssが効かない時の対処

色々なブラウザの開発モードで確認していて、submitボタンなどにCSSがちゃんと効いてるのにiPhoneの実機で見るとなんだかデフォルトのボタンになってしまっているということがあったので、メモです。

スポンサーリンク

appearance(アピアランス)を使う

appearanceプロパティは、その環境で標準的なUIのような外観になるように指定するプロパティです。
なので、appearanceを無くしてあげれば、独自のcssを効かせることができるんですね。

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

として設定をリセットしてやればいいわけです。

意外と実機で見て気づくことって結構ありますよね。

コメント

タイトルとURLをコピーしました