JSFiddle - React, Tailwind, and code Playground

by tomprogramming

HTML

<div class="read">This is read only</div>
<div class="read-write-plaintext">This is read write plaintext</div>
<div class="read-write">This is read write </div>
<div class="write">This is write only</div>

CSS

.read {
    -moz-user-modify: read-only;
    -webkit-user-modify: read-only;
    user-modify: read-only;
}
.read-write-plaintext {
    -moz-user-modify: read-write-plaintext-only;
    -webkit-user-modify: read-write-plaintext-only;
    user-modify: read-write-plaintext-only;
}
.read-write {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    user-modify: read-write;
}
.write {
    -moz-user-modify: write-only;
    -webkit-user-modify: write-only;
    user-modify: write-only;
}