JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text">

CSS

body {
  margin: 20px;
}

input[type=text]:focus {
  border: 2px solid rgba(100, 150, 232, 0.8)!important;
  border: 2px inset;
  border-radius: 2px;
}