HTML/CSSレクタングル大TweetPocketCSSがブラウザによって効かなかったり、表示の差があります。iPhoneでinput要素にCSSが効かない!という場合は、CSSにベンダープレフィックスを足すだけで解決!簡単なので覚えておくと便利です。iPhone(iOS)だとinput要素にCSSが効かない上の画像は例ですが、CSSでinput要素に色などを設定しても、iPhoneだと設定が効かず上のようになります。なんか色薄くなって謎のグラデーションが入り楕円形のボタンに。その場合は、下記CSSコードを追記すると設定が反映します。none;}-webkit-のベンダープレフィックスを使うと、safariなどで適用されます。角丸が適用されない時もベンダープレフィックスをつけてみてください。10px;iPhoneでボタン表示がおかしい!という時はこれを使えば、すぐ解決できるので便利です。いったブラウザーのベンダーがCSS3の拡張機能を実装するのに使用する識別子のこと。プレフィックス(Prefix)の意味は「接頭辞」です。CSS3のプロパティの接頭辞として「–webkit-」や「–moz-」を付けて草案段階のCSS3の仕様を先行して実装するときに利用します。ブラウザーごとに以下のようなベンダープレフィックスを実装します。プロエンジニアプロエンジニアの【CSS入門:ベンダープレフィックスとは?】ページです。エンジニアの正社員求人情報、フリーランス案件情報を探すならインターノウスのプロエンジニアへ!proengineer.internous.co.jp各ベンダーもCSS3にかなり対応してきているので、ベンダープレフィックスは不要になりつつあります。以下は最新版だけを考えるとベンダープレフィックスは必要ありません。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:プロフィールこのサイトを運営しているユリです。WordPressのコードを書いています。詳しくはこちら他にコスメなどの情報をまとめた「ユリブログ2」も始めました。ご感想やご意見は、お気軽にお問い合わせフォームまでどうぞ。