DESIGN STUDY WEBSITE Edit : 2018.10.17 Update : 2023.01.24

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;

}

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

Web Trends Lab.編集部

KOHIMOTO Inc.所属。トレンドやノウハウ中心にWebサイトを作るための知見を現場から発信していきます👀また、制作したWebサイトでの活用法や、最前線での施策を伺う企業へのインタビューも実施予定。

INDEX

PICK UP

【インタビュー】課題であった、UI改善やライターのモチベーションアップができました。―WingArc1st Inc.

月額1万円プランもご案内。ホームページ(Webサイト)は保守・運用を行ってどんどん改善していこう!

当社デザインチームが最新のUI/UXトレンドを知るため参考にしている海外サイト

KOHIMOTOは実用的なWebサイトを追求するWeb制作会社です。
現場から最前線のWebトレンドやノウハウなどをお届けしていきます。

Category