::target-text

Baseline 2024

Newly available

Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

The ::target-text CSS pseudo-element represents the text that has been scrolled to if the browser supports text fragments. It allows authors to choose how to highlight that section of text.

css
::target-text {
  background-color: pink;
}

Syntax

css
::target-text {
  /* ... */
}

Examples

Highlighting text fragments

css
::target-text {
  background-color: rebeccapurple;
  color: white;
}

To see this CSS in action follow the link to scroll-to-text demo.

Specifications

Specification
CSS Pseudo-Elements Module Level 4
# selectordef-target-text

Browser compatibility

BCD tables only load in the browser

See also