JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<input class="filter" type="text" name = "Test1" value="Test1">

CSS

.filter {
    padding: 0.4em;
    outline: none;
    border-radius: 9px;
}
.filter:focus {
    box-shadow: 0 0 0 2px #f90; /* or whatever colour you'd prefer */
}