JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" > Some Text Please</input>

CSS

input:hover 
{
     border: 1px inset rgb(0, 69, 124);
    border-radius:15px;
    background-color: rgb(0, 69, 124);
   color:white;
}
input:active,input:foucs
{
     border: 1px inset rgb(0, 69, 124);
    border-radius:15px;
    background-color:rgba(66, 87, 133, 0.24);
    outline-style:none;
}