バックパッカーズバイブル: ~世界を旅する前に読んでおきたい52の話~ (ジュタカ出版) Kindle版

【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ノマドワーカー
約10年間の海外勤務を経て、海外・国内ノマドワーカーとして独立しました。日本をベースにタイ、カンボジア、ベトナム、インドネシア、フィリピンを拠点に活動しています。