JSFiddle - React, Tailwind, and code Playground

by HaJIuBauKa

HTML

<input readonly="readonly" type="text" placeholder="read only" value="read-only" />

CSS

input:read-only {
    background-color: blue;
    color: white;
}
input[readonly]{
    background-color: gray;
    color: white;   
}