Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Custom Range Slider Control

Problem: Custom Range Slider Control

Try to create a custom-styled range slider with a modern track and thumb by overriding the default browser appearance using CSS.

We'll cover the following...

Problem description

Given an HTML page containing an <input type="range"> element with the class custom-range, write CSS to:

  • Remove the default browser appearance of the range input.

  • Style the track ( ...