JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="title" id="title" class="form_field_error">

CSS

input[type="text"] {
        display: block;
        height: 15px;
        font-weight: normal;
        color: #777;
        padding: 3px;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    
    .form_field_error {
        border: 1px solid #f00;
    }