JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
   <input type="text" maxlength="128"  id="edit-search-theme-form-1" size="15" value="" class="input-field" >
</div>

CSS

div.wrapper {
    width: 600px;
    margin: 20px auto;
}


.input-field[value=""] {
   border: 1px solid red;
}