Как сделать стилизованные checkbox?

Question

[sanke46]

Как сделать такую реализацию chekbox ? (при нажатии становится зеленым, без нажатия серый)

Answer 1

[Александр Гамов]

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + svg {
  fill: #CCC;
}

input[type="checkbox"]:checked + svg {
  fill:  green;
}

Comments

[Александр Гамов]

Можно еще на js тупо отлавливая клики по элементам.

[Андрей]

А еще проще заменить чекбоксы на радиокнопки, раз уж метод доставки надо выбрать 1 из)