JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<div class="slidecontainer">
  <input type="range" min="1" max="7" value="1" class="slider" id="myRange"><br/>
  <input type="text">
</div>

CSS

input[type=text] {
  border-radius:5px;
  background-color:lightblue;
  height:25px;
  box-shadow:lightgreen 2px 2px 2px;
}