JSFiddle - React, Tailwind, and code Playground

HTML

<html>

    <body>
        <input type='text' disabled='disabled' value='Joe Soap' />
    </body>

</html>

CSS

input[disabled='disabled'] {
    font-size: 16px;
    width: 360px;
    padding: 6px 6px 4px;
    background: #fff;
    border: 1px solid #CCC;
    color: #666;
}