JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text">

CSS

input[type="text"] {
  padding: 10px;

  background: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#000, #000);
  background-size: 1px 30%, 10% 1px, 1px 20%;
  background-position: bottom left, bottom center;
  background-repeat: no-repeat;

  border: none;
  color: #999;
}