Nested Checkboxes in Pure CSS. Is it possible?
I created a website showing off checkboxes with a single-parent checkbox and three-child checkboxes. I have implementations in Vue, React, Vanilla JS, and others. I wanted to see if I could do a CSS-only implementation.
Here is a link to the CSS-only code example: https://codepen.io/jsolly/pen/LEPOmKo
It 'almost' works. The problem arises when all the boxes get checked, and you try to 'uncheck' them.
Here is a link to the CSS-only code example: https://codepen.io/jsolly/pen/LEPOmKo
It 'almost' works. The problem arises when all the boxes get checked, and you try to 'uncheck' them.


