CodePen Embed - Customized Text Selection

<p><b>Customized Text Selection</b></p>
<p>This demo shows how the text selection made by the user can be customised!</p>
<p class="no-bg">Sample text. Sample text. Sample text. Sample text. Sample text. </p>

::selection {
	background-color: green;
	color: white;
}
/* For Firefox */
::-moz-selection {
    color: green;
    background: white;
}
.no-bg::-moz-selection {
  background-color: initial;
  color: purple;
}
.no-bg::selection {
  background-color: initial;
  color: orange;
}

This Pen is owned by W3villa Technologies on CodePen.

See more by @W3villa on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.