福島・埼玉のWEBサイト制作・ホームページ制作会社 キャスパーウゥブデザイン
MENU

Kyasper Note

この記事はNOTE(メモ)として作成された単一記事です。
2014年2月9日

スマートフォン・タブレットなどで送信ボタンのデザインが変わってしまった場合の対応

スマートフォンやタブレットで送信ボタン( input[type="submit"])表示すると、意図したデザインにならない場合の対応。

View

対応前
post20140209-1
対応後
post20140209-2

対応

CSSプロパティ -webkit-appearanceをリセットする

該当する箇所に以下のプロパティを記述。もしくはリセットしておく。

プロパティ
リセットとして記述するばあい

備考

送信ボタンに画像を利用している場合は、「角丸」などがかかってしまう。この場合は角丸をリセット

プロパティ
カテゴリー:
タグ: