Toggle button

Question

I am developing toggle button you can see in my code but its does not change the position and and not a colour I am using pure css help me ?

https://code.sololearn.com/WQEY3IKcY4S0/#

Answer 1

https://code.sololearn.com/WYg4D1YmWLOt/?ref=app

Answer 2

Shubham Singh Bhadauriya translate by 38px (instead of 26px) to get the knob fully at right ;)

Answer 3

no you can put it inside, but that make more sense to have it outside ^^

however, selectors must change if checkbox inside label:

input:checked + .switch

input:checked + .slider:before

Answer 4

I have a question? the input tag should always be out of label tag it is necessary ?