Setting Text Select Color

Changing text selection color with CSS and Tailwind

How do I make the Text Select Color changed in CSS and Tailwind?

CSS

Use the ::selection pseudo-element:

Firefox legacy note: ::-moz-selection was required historically; modern Firefox supports the unprefixed form.

Only these properties work inside ::selection: color, background-color, text-shadow, text-decoration, -webkit-text-stroke.

Tailwind

Use the selection: variant:

The variant cascades: applying it to a parent styles selection for all descendants. Arbitrary values work: selection:bg-[#ff00aa].

Backlinks1