【新卒】の社会人が読むべきおすすめの本8選

【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