JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="myTextBox" />

CSS

#myTextBox {
    border: 3px solid gray;
    width: 368px;
    height: 33px;
    color: silver;
    font-size: 22px;
    padding-left: 10px;
    padding:5px; 
    color:black
    
}

#myTextBox:focus{
    outline:none;
    border-color:blue;
    box-shadow:0 0 10px blue;
    color:blue;
}