30-seconds-of-code/snippets/custom-text-selection.md

title, tags, expertise, cover, firstSeen, lastUpdated

title	tags	expertise	cover	firstSeen	lastUpdated
Custom text selection	visual	beginner	blog_images/digital-nomad.jpg	2018-02-25T15:14:39+02:00	2020-12-30T15:37:37+02:00

Changes the styling of text selection.

• Use the ::selection pseudo-selector to style text within it when selected.

<p class="custom-text-selection">Select some of this text.</p>

::selection {
  background: aquamarine;
  color: black;
}

.custom-text-selection::selection {
  background: deeppink;
  color: white;
}