JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" name="slider" min="0" max="100" value="50" />
<input type="text" name="text" placeholder="Enter text here..." />
<textarea name="textarea" placeholder="Enter text here..." rows="3"> </textarea>
<input type="email" name="email" placeholder="Enter email here..." />

CSS

input {
  clear: both;
  display: block;
  max-width: 200px;
  margin: 10px 0;
}

input:not([disabled]):not([type="submit"]):focus{
 -webkit-box-shadow: 3px 3px 7px #999;
 box-shadow: 3px 3px 7px #999;
 background-color: #fff;
}