Что не так пишу в кастомном checkbox?

Question

[WebforSelf]

есть такой чекбокс, Почему при выборе чекбокса цвета не меняются (Надо/не надо)
Фишка в том чтоб чекбокс сделать в виде кнопки. Активный пункт говорит оранжевым. Надо ( чекбокс активен) не надо ( не активен)

https://codepen.io/webforself/pen/gKmOjd

Comments

[boga-net]

Как минимум - вытащите инпут из тега lable

Answer 1

[Александр Севиринов]

Зачем "изобретать велосипед"? Все уже придумано, просто возьмите и переделайте под себя

Comments

[WebforSelf]

мое решение простое, вопрос почему не применяются стили к элементам before after к выбранному элементу.

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

WebforSelf,
.credit_check input:checked ~ .credit_check label:after - ищется соседний элемент за чекбоксом
вы хотите изменить родителя чекбокса, на чистом цсс это никак

Answer 2

[boga-net]

https://jsfiddle.net/ouodkeLn/206/

У вас, во-первых, инпут находится в лейбле. В вашем случае, нужно лэбел поставить ниже чекбокса, чтобы применять к нему правила. Во вторых, вы скриваете сам чекбокс и по нему не проходит клик. Воспользуйтесь готовыми решениями, а лучше, отказаться от чекбокса и сделать простую кнопку на jquery