JSFiddle - React, Tailwind, and code Playground

HTML

<input id="name" name="name" type="text" onclick="return false;" onblur="validateField(id);">

CSS

input{
    box-shadow: 0 0 10px 3px red;
     
    background: #ffffff;
    border: 1px solid #ababab;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    outline: none;
    padding: 5px;
    width: 225px;
    height: 25px;
}

body {
    background: #000000;
}