iPhoneとかiPad(iOS)でフォームのボタンのスタイルが効かない場合はこのCSS


投稿フォームとかで使う送信ボタン。
iOSではスタイルが自動的に変更されて、CSSでせっかくデザインを指定しているのにうまく適用されない。
具体的にはこう

本当はこんなデザインにしたいんだけれど
IMG_1965
iOS上で見るとこんな感じ。
IMG_1966
iOS上で見るっていうのはiPhoneとかiPadとかのMac製品で見る場合。
なんとかオレンジにはなっているけれど、ダサすぎる!

何とかオリジナルにしたいといろいろ指定してみてもダメ。
そんな場合はこれ使います。

// iOSのボタンデザイン初期化
&[type="button"], &[type="submit"] {
	-webkit-appearance: none;
}

知ってたら簡単。
覚えておきましょ。

大阪のホームページ制作会社YCOMの制作サービスのご紹介