【CSS】input、textareaのCSSを初期化する(iOS対策)

【CSS】input、textareaのCSSを初期化する(iOS対策)
ちょっとメモですー
よく忘れてしまうのでメモですー

なぜ初期化?

iOS Safariではのフォーム要素(input,textarea)がデザイン通りにならないとこがあります。
iOS Safariのデフォルトスタイルが優先されてしまうからです。
そんな時に必要なのが、値の初期化です。

対応策

『appearance』に『-webkit-(ベンダープレフィクス)』をつけて、値を初期化しておきましょう。

input,textarea {
  -webkit-appearance: none;
}

さいごに

ブラウザ対策って大変ですねー
そうなんですよー
Author

デザコト

あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。

Googleさんの
おすすめ

11

/

23

2024

Googleさんの
おすすめ

11

/

23

2024

デザインの記事

マカダミア ホワイトスノー モカ|スターバックス コーヒー
映画『アット・ザ・ベンチ』
【jQuery】スライダープラグイン「slick」実装サンプル集