JSFiddle - React, Tailwind, and code Playground

HTML

<div id="textarea" contenteditable style="color: red"><div style="color: green; background-color: transparent;">This is some hidden text.</div></div>

CSS

#textarea, textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    font-family: "Courier New", monospace;
    height: 50px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 400px;
}