JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="Ingredient.Name" readonly="readonly" id="Ingredient_Name" class="form-control, input-disabled" />

CSS

.input-disabled /* CHANGE STYLING OF READONLY FIELDS */
{
    background-color: #EEEEEE;    
}