How to style a checkbox using CSS?

Question

I am trying to style a checkbox using the following: But the style is not applied. The checkbox still displays its default style. How do I give it the specified style?

Answer 1

W3 schools has a great break down on how to do this.

It's actually not as simple as you'd think.

You are basically hiding the default element and recreating a whole new one from scratch.

https://www.w3schools.com/howto/howto_css_custom_checkbox.asp