読者です 読者をやめる 読者になる 読者になる

別冊webメモ

自分用リファレンス&アウトプット

[iPhone]safariでボタンの角丸とグラデのスタイルを指定したい

ブラウザなどで見ると大丈夫なのに、iPhone実機で確認すると
ボタンの角丸と色のスタイルがあたってない事案が発生。


f:id:aoicotori:20140428185734p:plain

iPhone Safariの仕様だった

iPhone Safariのinputのsubmitボタン要素には
角丸とグラデーションが自動的に適用される、のだそうです。

解決するには

該当するcssに下記を追加すればOK

.btn { -webkit-appearance: none; }
広告を非表示にする