Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Custom Checkbox Control

Problem: Custom Checkbox Control

Try to build a consistent custom checkbox with a styled box and tick mark using only CSS and pseudo-elements.

We'll cover the following...

Problem description

Given an HTML page containing a label with the class .custom-checkbox that wraps a native checkbox input, a span element with class .checkmark, and the text “Subscribe to newsletter”, write CSS to:

  • Hide the native checkbox input. ...