JSFiddle - React, Tailwind, and code Playground

HTML

<input id="input1" type="text">
<br>
<input id="input2" text="text">

CSS

#input1 {
    border-color:red;
    border-width:10px;
}
#input1:focus {
    border-color:blue;
}
#input2 {
    border-color:red;
    border-width:10px;
}
#input2:focus {
    border-color:inherit;
}