Как стилизовать Checkbox под кнопку?

Question

[De Slow]

https://codepen.io/shketi4/pen/daNeVy
Есть пример чекбоктов
Как сделать так, чтобы убрать сам значок чекбокса
и при нажатии на текст он работал, и менял цвет?

Answer 1

[Владимир Проскурин]

Замените span на label, назначьте у label в атрибут for такое же значение, как у радио атрибут id (должно быть уникальным для каждого радио). И теперь можете спокойно прятать радио.
По вашему примеру https://codepen.io/anon/pen/Gzrdxj
только поменяйте в css селекторы по атрибутам на классы. т.е. вместо input поставьте класс например .radio, и назначьте его также в html всем нужным радио.

Answer 2

[iBird Rose]

https://codepen.io/anon/pen/JxEvMQ