この記事は「口コミサイトの星(★★★☆☆)をCSSだけで実装してみた - Qiita」を見て、その中で使われているテクニックを一部解読したもの 導入 ゴール 手順 なにもない状態 ラベルと関連付ける ラベルに画像を追加 CSS でラジオボタンを非表示化 動作確認用のCSS 追記 完成 Links (本文に Slim を使いたかったけど Syntax Highlight 対応して無くて見辛くてツライので、 HTML で書いた) 導入 <input/> を用いる時は、 <label/> と併用することでこの2つの要素を関連付けられる 関連付けによってラベルのクリックによる入力可能状態への移行を機能させられる <input/> をただ単体で使用するのではなく、ラベルと併用することで、ラベルとインプットの関連性...ユーザは何を入力すべきか...の明示ができて、使い勝手の良さにつながる <!--
