iOS Safariではのフォーム要素（input,textarea）がデザイン通りにならないとこがあります。
iOS Safariのデフォルトスタイルが優先されてしまうからです。
そんな時に必要なのが、値の初期化です。
『appearance』に『-webkit-（ベンダープレフィクス）』をつけて、値を初期化しておきましょう。
input,textarea {
-webkit-appearance: none;
}
デザコトauthor
あ、いいな、と思うWebデザインを紹介しています。デザインの参考に。やさしいデザインが多いです。Webデザインギャラリー『デザインのこと - Web design gallery』を運営しています。
文章の回り込みって丸くできないですかー？ あー、円形に回り込みですねー、できますよー テキストの回り込みを円形にしてみる floatが必須です。shape-outsideは、円形の『circle()』の他に楕円の『ell
...
一瞬だけ別のフォントが表示されるのですがー ちらつきをなくす方法を紹介しますねー Webフォントの『ちらつき』の原因 Adobeフォントやgoogleフォントなどの『Webフォント』を使うと、サイトを開いた時に一瞬だけ別
...
transform:rotateで少し回転（角度を変える）。transform-originで基点をleft、topに指定。基点は自由に変えることができる。左下を基点にするなら、left、bottom。 サンプル See
...
ん、ハンバーガー？ 三本線がハンバーガーに見えるからってことらしいですよ クリックエフェクト サンプル集 いろんなハンバーガーメニューのクリック時のエフェクトを作ってみる。動きがわかりやすいようにゆっくり動くように指定。
...
あのー、水玉模様の背景をCSSで作りたいのですがー なるほどー、できますよー。工夫次第でいろんな背景が作れます。いろんなパターンまとめましたー 背景パターン / 方眼紙 ver.1 背景パターン / 方眼紙 ver.2
...
slick（スリック）の使い方をまとめてくださいー わかりましたー よく見かけるスライダー（自動再生） 2枚の画像を表示、1枚ずつスライド 3枚の画像を表示、3枚ずつスライド サムネイル付き 垂直スライドモード（縦方向に
...
つくっているサイトの新しい記事です。
