【初心者向け】たった三行でiOSのinput要素にCSS効かせる方法【iPhone】

【備忘録】

Win環境だけで制作してる場合、iPhoneで確認した時このような見た目になることありますよね…

Safariでinput要素にCSSが当たらない場合、

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

この3行を追加する
-webkit-のベンダープレフィックスを追加することで、Safariでも効くようになります。

―――――――――――
私も普段Win環境で制作してるので忘れがち。
抜けたまま実機確認して／(^o^)＼となるので、inputには一緒に入れるようにしましょう！