6. チェックボックスのスタイル

checkboxのデフォルトスタイルはほとんどの場合では望ましくない、この問題において、違うスタイルを作りましょう。

1. チェックしていない場合は、灰色の円を表示('color: gray')
2. チェックしている場合は、緑の円を表示 ('color: green')

円の半径は5pxにしてください、余計のパディングなども不要。

<label class="my-checkbox">
  <input type="checkbox" />
  <span>a checkbox</span>
</label>