Hatena::ブログ(Diary)

zhuweichenの日記

ようこそ!あなたは 番目の方です〜O(∩_∩)O〜

2013-06-26

【iPhone】【Safari】【css】ボタンの角丸などの消し方

ボタン類(<input type="button">や<input type="submit">など)の角丸をクリアしたい場合、

  input[type="button"],input[type="submit"] {
    border-radius: 0;
  }

↑↑を指定するだけでは、iPhoneSafariではクリアされません!!

その為、下記cssの設定が必要です:

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

そうすれば、ボタンのデフォルトcss初期化されます(角丸以外もクリアされます。例えば、背景など)。

※参考記事

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

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/zhuweichen/20130626/1372234580
リンク元