JSFiddle - React, Tailwind, and code Playground

HTML

Focus <input name="search" type="text">

CSS

input {
    padding: 4px;
    -webkit-appearance: none; 
    -moz-appearance: none; 
}

input:focus {
   box-shadow:0px 0px 5px #6192D1;
   -webkit-box-shadow: 0px 0px 5px  #6192D1;
   -webkit-padding: 3px;
    
    border-width: 2px;
    border-color: transparent;
    border-style: inset;
  
   outline: 0;
}