バックパッカーズバイブル: ~世界を旅する前に読んでおきたい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アジア在住の海外駐在員ブロガー
アジア在住の海外駐在員ブロガーです。アジア生活長いです。海外の中でもとりわけタイ(バンコク・パタヤ)が好きで時間を見つけては行ってますが、最近は仕事が忙しくて行けていません。