コーディングをしていて意外と面倒なのがフォームのカスタマイズです。 ブラウザによって見た目がまちまちで、サイトのデザインとマッチしないことも多々あります。ただ、デフォルトのスタイルをリセットしてカスタマイズしようとしても、他のHTML要素と違って色々と面倒な点もあります。 また、カスタマイズする際はアクセシビリティにも考慮しなければいけません。 フォームのデザインは、オシャレにする必要はありません。ユーザにとってわかりやすいものにすることがベストです。 この記事では、最低限のアクセシビリティを意識した、フォームのカスタマイズを紹介します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。
![コピペで使える!HTML・CSSでフォームをおしゃれにカスタマイズする方法 | 模写修行メディア](https://cdn-ak-scissors.b.st-hatena.com/image/square/758b5a5b1aa01108c6660433803d0a9efed9287d/height=288;version=1;width=512/https%3A%2F%2Fmoshashugyo.com%2Fmedia%2Fposts%2Fcss-form-customize%2Fthumbnail.png)