Как сделать checkbox прямоугольным и в нём label с названием?

Question

[EvgenyJozef3000]

Добрый день. Скажите пожалуйста, как сделать checkbox такого вида? (ниже скрин):

Comments

[FeST1VaL]

Делать скрытый checkbox и через селектор :is-checked менять блок)

Answer 1

[EvgenyJozef3000]

Вполне рабочее решение:)
https://codepen.io/SpeakeazyYT/pen/gNLbRy

Comments

[Владислав Лысков]

ваш ответ единственный верный?

Answer 2

[tyzberd]

https://codepen.io/quinlo/pen/ReMRXz
https://freefrontend.com/css-checkboxes/

Comments

[tyzberd]

мне больше нравится когда input внутри label
dimox.name/custom-checkboxes-and-radio-buttons-usi...

Answer 3

[Ruslan Ruslanov]

создать новый класс для чекбокса и прописать ему нужные вам стили

Answer 4

[DanKud]

Просто делаете чекбокс невидимым и вешаете изменение label на псевдокласс :checkbox
Как то так - https://codepen.io/anon/pen/YopPrJ?editors=1100#0

Answer 5

[Константин Б.]

Самый простой вариант