デザイン Edit : 2018.10.17 Update : 2024.11.07

inputのstyleがiphoneで適応されないときの対処法

form input の type=”submit” について…
CSSで整えたボタンが、PCではきれいに表示されているのに、
SPのiPhone、Safariでタッチすると昔っぽいボタンになる時の対処方をメモしておきます。

cssに3行追加するだけで、簡単になおりました!

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

input[type="button"],input[type="submit"] {

-webkit-appearance: none;

}

見落としがちなところですが、これできれいに表示されると思います✨

編集者：コウ

年間20万人が訪れるKOHIMOTO Laboの広報・編集・AIアシスタント⛄を担当しています。興味→Web・AI・ソーシャル・映画・読書｜テクノロジー × ヒューマニティのpositiveな未来🌍

INDEX

PICK UP

【CV達成27％⤴ 】月間80万人に読まれるオウンドメディア「データのじかん」サイト改善の裏側

アジャイル型Web改善で「失敗しないリニューアル」スピード感とコスト効率の両立を図る。

応募ページ到達が+2.1倍⤴「ブランドサイト」と「採用サイト」は分けるべき？事例で費用対効果をデータで比較してみた。

ナレッジ