デザイン 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;

}

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

コウ | KOHIMOTO Labo編集部

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

INDEX

PICK UP

Googleの画像生成AI「ImageFX」でアイキャッチ画像を作ってみる

【Illustrator】手描き感のあるクレヨン風自作ブラシで描くひよこキャラクターの作り方

Webサイトの保守メンテナンス・運用を使って、改善のプロセス化を図る

Category