input要素にスタイルを書こうとするとAndroid,PCでは普通に表示されてもiPhoneで見てみるとinput type=submitで生成されたボタンなどにグラデーションや角丸が強制的についてしまいます。
以下のようなスタイルを適用しても角丸やグラデーションは確か消えなかったと思います。
input[type="submit"] { border: none; background: none; border-radius: 0; }
この装飾はブラウザの機能で、要素がその環境における標準的なUIの外見になるように勝手に装飾されるようです。
この機能を無効化するにはappearanceというCSS3のプロパティを指定します。
input[type="submit"] { -webkit-apperance: none; }
上記スタイルを適用してやればiPhone safari環境でのinput type=submitの装飾が無効化され、自由なスタイルが適用できるようになります。
- 関連記事
-
-
og:typeの注意点 2016/12/01
-
jQuery.inview.jsで画面に表示された要素に対して処理を行う 2016/11/18
-
iPhone safariのinput要素の装飾を無効化する 2016/11/02
-
制作実績:道場のHP 2016/09/10
-
CSSでフレキシブルなusemapの代替を実装 2016/08/12
-