JSFiddle - React, Tailwind, and code Playground

by gRoberts

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam laudantium magnam perferendis, iure, mollitia repellendus ducimus autem nulla, recusandae saepe quae exercitationem asperiores sint eligendi! Architecto enim omnis voluptatibus, atque!</p>
<p>Sint quaerat facere voluptatum incidunt voluptates. Voluptatum in quas delectus unde distinctio explicabo dolorum quo recusandae, aliquam quidem, quis excepturi facilis officia praesentium, nulla pariatur. Sequi ipsa veritatis iusto totam.</p>
<p>Ex necessitatibus odit debitis minus, officia distinctio sunt blanditiis nulla officiis libero praesentium voluptate dolores optio enim rerum accusantium cumque repellat, voluptatem, eum excepturi. Repellat ducimus nam culpa, minima tempore?</p>
<p>Magnam dignissimos ea eum est, magni reiciendis blanditiis placeat incidunt unde eaque, similique voluptas impedit possimus autem vero. Saepe asperiores veniam officia repudiandae quisquam! Obcaecati perspiciatis esse odit dolorum facilis.</p>
<p id="test">Quibusdam quidem nostrum quo quasi, tempore aperiam dolorum fugiat aspernatur ullam quisquam inventore placeat totam beatae dolorem quis excepturi voluptatem, hic, porro minus? Nesciunt facilis libero voluptates laborum voluptas eveniet.</p>

CSS

::selection {
  background: yellow;
}
::-moz-selection {
  background: yellow;
}
p#test::selection {
  background: red;
}
p#test::-moz-selection {
  background: red;
}