[CSS]iPhoneでsubmitボタンのテキストがずれた時の対応方法

submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像：協力（@sparrowSeven） この現象はデスクトップ用のブラウザ（Safari, Firefox）では起きませんでした。また、iPhoneのシミュレーター（iBBDemo2）でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。

[coemi]

iPhone独自のボタン表示を打ち消しCSSをありのままに

[moruzo15]

iPhoneで見た時inputのスタイルが変　-webkit-appearance: none;で回避

[gonta02]

iPhone(Mobile Safari)でsubmitのテキストがずれた時の対応方法

[kzms2]

iPhone4でのsubmitテキストずれ修正方法。「-webkit-appearance: none;」

[kaionji]

ずれるんだ

[Donca]

✔ [CSS]iPhone(Mobile Safari)でsubmitのテキストがずれた時の対応方法