Alyssa Holland has a Computer Science degree from Florida State University and works professionally as a Front-End Developer. She has a strong passion for learning and has a personal blog where she writes about programming and productivity tips. She’s a self-proclaimed “former band geek” and when she’s not programming, she enjoys running and listening to music.
Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. In this article, we’ll take a look at the quirkiness of the HTML range input and demonstrate how to style the input to look consistent across all major browsers.