はてなブックマーク

エンジニアの山岡です。 お問い合わせなどのフォームをCSSで装飾する時、inputやtextareaはサクッと見た目を変えられますが、checkboxやradioは一筋縄ではいきません。 イマイチなデフォルトスタイルから…… デフォルトスタイルのcheckboxとradio ラブリーでキュートかつ、クールでアメイジングでスタイリッシュなチェックボックスやラジオボタンにしたい！ CSSでスタイリングしたcheckboxとradio そんな時は、labelとinput[type=checkbox]（またはinput[type=radio]）を組み合わせて実装する方法がオススメです。 サンプル1: キュートなチェックボックス・ラジオボタンサンプル2: より主張する＆「押した感」をプラスサンプル3: チェックした瞬間の動きで「遊び」と「楽しさ」をプラス サンプル1 こちらは、いなべ山女子フェスタ公