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

女性へ向けたホームページの制作ポイント５つ。制作物を元に女性ウェブデザイナーが解説。

【Illustrator・Ai】イラレの手書きクレヨン風の自作ブラシで、ひよこのキャラクターを作ってみた。

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

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

Category