Amazon|人気商品が日替りで登場。毎日お得なタイムセール

【inputタグの悩み】iPhoneやIEのインプットタグのCSSスタイルを全て「appearance」で同じにする

【inputタグの悩み】iPhoneやIEのインプットタグのCSSスタイルを全て「appearance」で同じにする

ブラウザでみるとOKなんですが、
よく実機のiphoneで見るとあれ?何かインプットタグのかたちが違うなということがあります。

そんな時はcssに「appearance」を付けてあげましょう。

input {
-webkit-appearance: none; >Chrome, Safari
-moz-appearance: none; >firefox
-ms-appearance:none; >IE
-o-appearance: none; >Opera
appearance: none;
}

すると直ります!

セレクトボックスの▼矢印なんかでもOK

IEで矢印が出てしまうなどの場合もこのスタイルを適用すれば解決です。







いつもシェアいただきありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


ABOUT US
アバター画像
JUTAKA当サイト管理人
『JUTAKA BLOG』を運営しておりますJUTAKAと申します。当ブログは過去に体験したことや購入した商品、またおすすめしたいサービスなどを記事にまとめております。有益な情報をシェアできるよう心がけておりますので、少しでも皆様のお役に立てれば幸いでございます。