Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Custom Radio Button Control

Problem: Custom Radio Button Control

Try to create a custom radio button with a styled circular ring and center dot for selected state using only CSS.

We'll cover the following...

Problem description

Given an HTML page containing a label with the class .custom-radio that wraps a native radio input named option, a span element with the class .radio-mark, and the text “Option A’’ (and similarly for “Option B’’), write CSS to:

  • Hide the native input[type="radio" ...