CodePen Embed - CSS

<div class="wrapper">
  <div>
    <p>
      This is default highlighting. Try it out.
    </p>
  
    <p class="custom-highlighting">
      This is customized highlighting. Try it out.
    </p>
  </div>
</div>

.wrapper {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

p {
  font-size: 0.8rem;
  font-family: sans-serif;
}

.custom-highlighting::selection {
  background-color: #8e44ad;
  color: #fff;
}

This Pen is owned by PlusOne on CodePen.

See more by @pluseone on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.