ヤビブロ

  • ホーム
  • ブログ
  • お問い合わせ

ヤビブロ

  • ホーム
  • ブログ
  • お問い合わせ

【iPhone】iosのsafariでsubmitボタンのcssが効かない!?そんな時の解決方法

2018年9月27日
safari

cssでsubmitボタンをカスタマイズした際にios(iPhone)のsafariでスタイルが当たっていないことがあったので、解決法を備忘録として残します。

結論から言うと、下記のcssを追加することで解決できます。

CSS
1
2
3
input[type="submit"] {
-webkit-appearance: none;
}

ちなみに、appearance: none; でブラウザ別に設定されているデフォルトのスタイルを無効にできるとのこと。

関連記事

  • Safariで崩れる!?  floatを使わずdisplay:inline-blockで横並びにする方法2016年12月10日 Safariで崩れる!? floatを使わずdisplay:inline-blockで横並びにする方法
  • 【css】text-alignが効かない! selectタグの文字位置を調整する方法2016年10月2日 【css】text-alignが効かない! selectタグの文字位置を調整する方法
  • 【css3】背景を斜線にするlinear-gradientの書き方2016年10月23日 【css3】背景を斜線にするlinear-gradientの書き方
  • 【HTML5】IE11でwidthが効かない⁉︎ mainタグが原因だった2016年12月25日 【HTML5】IE11でwidthが効かない⁉︎ mainタグが原因だった
  • 超簡単!cssのpositionを使って要素を上下左右で中央寄せにする方法2016年11月3日 超簡単!cssのpositionを使って要素を上下左右で中央寄せにする方法

スポンサードリンク

  • 最近の投稿

    • jQuery・vue.js不要!javascriptで複数対応のアコーディオンを作成する方法jQuery・vue.js不要!javascriptで複数対応のアコーディオンを作成する方法2019年1月30日
    • 【git】新規作成、複製したファイルがsourcetree上で反映されない!?そんな時の解決法【git】新規作成、複製したファイルがsourcetree上で反映されない!?そんな時の解決法2019年1月30日
    • 【css】文字(テキスト)にborderをつけるように縁取りをする方法【css】文字(テキスト)にborderをつけるように縁取りをする方法2019年1月30日
    • 超簡単!jsでカウントダウンタイマー(残り◯日)を設置する方法超簡単!jsでカウントダウンタイマー(残り◯日)を設置する方法2019年1月30日
    • javascriptでjQueryの$(this).addClass()と同じ扱いを再現する方法(クリックした要素編)javascriptでjQueryの$(this).addClass()と同じ扱いを再現する方法(クリックした要素編)2019年1月27日
    • コピペでOK! jQueryで上下連動タブの切り替えをする方法コピペでOK! jQueryで上下連動タブの切り替えをする方法2019年1月27日
    • 【jQuery】要素にランダムかつ重複なしにクラスを付与する方法【jQuery】要素にランダムかつ重複なしにクラスを付与する方法2019年1月27日
    • iPhoneカメラのシャッター音を静かにしたい!そんな時の設定方法iPhoneカメラのシャッター音を静かにしたい!そんな時の設定方法2019年1月27日
  • カテゴリー

    • AMP (2)
    • android (1)
    • atom (2)
    • css (24)
    • facebook (1)
    • font (1)
    • form (1)
    • FTP (1)
    • git (3)
    • gulp (3)
    • html (2)
    • IE (1)
    • instagram (1)
    • iphone (3)
    • jquery (13)
    • js (5)
    • Mac (10)
    • Photoshop (5)
    • SourceTree (5)
    • Subversion (1)
    • twitter (1)
    • Webフォント (1)
    • windows (2)
    • WordPress (6)
    • お知らせ (1)
    • サクラエディタ (1)
    • セキュリティ (1)
    • パララックス (1)
    • 便利ツール (6)
    • 差分チェック (1)
    • 日記 (4)
  • アーカイブ

  • タグ

    android atom background-image before break-all clcl clipmail counter-increment cssハック facebook git github html IE11 instagram iphone ipアドレス linear-gradient Math.random mCustomScrollbar Noto Sans Japanese select snapwidget SourceTree table tool transform transition twitter url改行 windows word-break お問い合わせ コピペ サクラエディタ スクロールバー タスクバー テキストエディタ パッケージ フォーム プラグイン 埋め込み 擬似クラス 改行コード 純正ボタン

    Copyright © 2016 ヤビブロ All Rights Reserved.