お問い合わせ等で利用するformですが、ブラウザのcssが適応されるので
デザインに合わせてCSSでカスタマイズするサイトをいろいろ集めてみました。
下記サイトで大体のデザイン変更が可能かと思います。
まとめて記載
【コピペOK】cssでhtmlのダサいフォームをおしゃれにする方法
select要素
よくあるselect要素のプルダウンを任意の画像に置き換える方法を記載してくれています。
プルダウンメニューのデザインを変更する
画像なしで矢印を変える
cssだけでselectとシンプルな矢印
セレクトボックスのデザイン
コピペでできる！cssとhtmlのみでフォームのセレクトボックスをいい感じにするデザイン8選
プレイスホルダーの表示
SELECTタグでプレースホルダー表示する方法
inputまわり
inputのテキストに類似要素を適用させて矢印等を表示させる
input要素に擬似要素を適用させたい
inputの幅の設定
【CSS】input type=”text” に width 100% を指定するとはみ出る原因と対処方法
チェックボックス・ラジオボタン
サイト内にあるリンクにも詳しくカスタマイズの方法が記載されてます。
【CSS】チェックボックス・ラジオボタンのカスタマイズについてのおすすめサイト
コメント