Hidden element with visible :after - CSS

I have recently created a way to style HTML checkboxes and radio buttons, but it requires adding additional elements to it, like a

or a . This isn't terrible inconvenient, but when you're styling (CSS) a complete web software, having to go back and rewrite every checkbox can be annoying. I recently just had a "revelation" about how to style them without using any additional elements,