JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<div class="slider-container">
  <input type="range" min="1999" max="2009" value="1999" step="1" id="year-slider">
</div>

CSS

.slider-container {
  width: 70%;
  margin: auto;
}

#year-slider {
  width: 100%;
  accent-color: #808080; /* set the color of the thumb and track */
}