Skip to content

Custom text selection

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;
}

More like this

CSS · October 11, 2021
Custom checkbox

Creates a styled checkbox with animation on state change.
CSS · November 16, 2022
Custom radio button

Creates a styled radio button with animation on state change.
CSS · May 16, 2021
Custom scrollbar

Customizes the scrollbar style for elements with scrollable overflow.
CSS · November 11, 2022
Style links with no text

Displays the link URL for links with no text.