バックパッカーズバイブル: ~世界を旅する前に読んでおきたい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運営者
タイ(バンコク・パタヤ)旅行&海外旅行&アジア生活が生きがい。18歳に初海外で濠洲→2007年ムエタイで初訪タイ→卒業旅行で3週間米国に初一人旅→ベンチャーに数年勤務→退職→世界一周1年32カ国→帰国→アジアに駐在員→現地会社経営※現在。アラサー。現在38カ国訪問。電子書籍随時。引退後はパタヤ移住が目標。