# Style Range Inputs that look Consistent Across all Browsers

In my first-ever guest post, I cover the ins and outs of styling the HTML range input. 

🔖 To learn more, check out my [Smashing Magazine article](https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/) describing the quirkiness of the range input.

%[https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/]

### 🎚️ range-input.css
In addition to the methods outlined throughout the article, you can also take advantage of the range input CSS generator I created called [range-input.css](https://range-input-css.netlify.app/). The crux of this project was to create a tool that makes this process simpler for developers. The CSS generator allows you to quickly style common CSS properties and provides a demo slider that displays a real-time preview of the styles you want to apply.

%[https://github.com/Cool-Runningz/range-input.css]

# El Fin 👋🏽

If you enjoy what you read, feel free to like this article or subscribe to my newsletter, where I write about programming and productivity tips.

As always, thank you for reading, and happy coding!