JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<div>c<span>b<span>a</span></span></div><input type="text"></input>

CSS

*:focus{
    border:solid red;
}
::selection {
	background: #ffb7b7; /* Safari */
    outline:solid red;
    border:solid red;
	}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}

JavaScript

[].slice.call(document.querySelectorAll("*")).forEach(function(e){e.setAttribute('contenteditable','true');});