タグ

mobileとinputに関するamada717のブックマーク (1)

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

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

  • 1