JSFiddle - React, Tailwind, and code Playground

by ricardolohmann

HTML

<div class="highlighter">some text <span>highlighted</span> some text</div>
<textarea id="textarea">some text highlighted some text</textarea>

CSS

.highlighter, #textarea {
    width: 400px;
    height: 300px;
    font-size: 10pt;
    font-family: 'verdana';
}

.highlighter {
    position: absolute;
    padding: 1px;
    margin-left: 1px;
    color: white;
}

.highlighter span {
    background: red;
    color: red;
}

#textarea {
    position: relative;
    background-color: transparent;
}