Wie funktioniert CSS Checkbox Hack?

Ich bin gerade auf den Schalter-Umschaltknopf gestoßen, der nur mit CSS erstellt wird. Es ist als Checkbox-Hack bekannt.

Für diejenigen, die nicht wissen, was ein Checkbox-CSS-Hack ist, lesen Sie es bitte hier

https: //css-tricks.com/the-checkbox-hack

Ich habe es ausprobiert und es hat einwandfrei funktioniert. Aber ich habe nicht verstanden, wie das funktioniert, weil wir nicht auf das Kontrollkästchen klicken.

So habe ich 2 Fragen

Wie funktioniert das?

Anstelle der absoluten Positionierung habe ich es mit @ versucdisplay: none; Es hat immer noch geklappt. Hat diese Methode irgendwelche Nachteile?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage