クリエイター:コーディング備忘録ブログ

コーディング

iOSのbuttonのデザイン

iPhoneでフォーム送信ボタンにオリジナルデザインを適用する方法です。

pcのブラウザ上でsubmitボタンのデザインを変更したにもかかわらず、実機で見たときに、デフォルトのスタイルでボタンが表示されていたなんてことはよくあります。

-webkit-appearanceはiosのsafariなどブラウザが標準で設定しているデザインを標準的なUIにすることができるCSS3プロパティです。

PCヤスマートフォンなど対応する機種が増えるほど、原因を把握するのは大変ですが、iphoneでの表示がおかしい場合には、-webkit-appearanceの記述をしてあげるとよいでしょう。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP