iPhone/iOSのセレクト、サブミットなどのフォーム要素のCSSをクリアする方法
ブラウザによって独自のデフォルトスタイルが色々とありますが、iPhone/iOSでのselect要素やsubmit要素のグラデーションがフラットなデザインなどにしていると浮いてしまう場合があります。
独自のデザインをしたい場合は一度、不要なCSSのスタイルをクリアしてから、独自のスタイルを追加しましょう。
iPhone/iOSのセレクト、サブミットなどのフォーム要素のCSSをクリアするコード
1 2 3 4 5 6 |
<!-- iOS form style clear --> select,input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } |
制作のご依頼・ご相談はこちら
dainamoでは魅力的なWEBサイトや、アプリ、ツール、ポスター、パンフレット、チラシなど幅広く承っております。ご相談、見積もり、お問い合わせなど、お気軽にご連絡ください。