過去の課題をほったらかしのまま、また、新たな試み。
通常、CSSを用いてもデザイン変更が難しいフォーム部品の一つ、ラジオボタンのデザインをカスタマイズを可能にしてみる。
まず、前提としてラジオボタンのラベルはlabel要素でちゃんとマークアップしてあること!
そのうえで本来のラジオボタンは非表示にしておき、ラベルのクラスを書き換えることで、状態毎に異なるスタイルを与える。
元気とヒマがあれば複数選択可能なチェックボックスや選択リストに応用してみたい。
でも見慣れた部品の見た目を安易に変えても利用者を惑わすだけかもしれない。と、自分で作ったサンプルを見て思ったりもする。