JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="Disabled Input" disabled/><br><br>
<input type="text" value="Readonly Input" readonly/>

CSS

input:read-only {
    background-color: #EBEBE4;
    color: #545454;
	border-style: hidden;
	padding: 3px;
}