JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <label>Example:
    	<input readonly type="text" value="I am readonly">
    </label>
</form>

CSS

input[readonly] {
    border-style: none;
    background-color: #f0f0f0;
    padding: 0.1em;
}