JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<section>
<strong>Trocando a cor da seleção de texto</strong>
<h2>Cor do texto</h2>
<h2 class="blue">Blue</h2>
<h2 class="red">Red</h2>
</section>

CSS

section{font: 13px Verdana, Arial, sans-serif;}
h2{font-size: 15px;border-bottom:#eee 1px solid;padding:10px;}

/* Mudando cor do texto */
h2::selection  { color: #666; }
h2::-moz-selection { color: #666; }

/*  */
 
h2.blue::selection  { background: #00baff; }
h2.blue::-moz-selection { background: #00baff; } 

h2.red::selection  { background: #ac0000; }
h2.red::-moz-selection { background: #ac0000; }