JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="text" value="" placeholder="Adınız" />

CSS

body {
    margin: 10px;
}

.text {
    border: 1px solid #666;
    border-radius: 5px;
    padding: 3px;
}

.text:focus {
    border: 1px solid #FF0404;
    box-shadow: 0 0 5px #FF0404;
    outline: none;
}