text-decoration in ::selection | Frontend Practical Guide

Overview

The text-decoration CSS property in a ::selection rule sets the underline and other text decoration styles on the text a user has highlighted.

Feature	Desktop				Mobile
Feature	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`css.selectors.selection.text-decoration`	105	105			105

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

CSS

::selection {
  text-decoration: underline wavy;
  text-decoration-color: #e74c3c;
  background-color: #ffeaa7;
}

CSS wavy lineanda-rain demo.

CSS col-decoration demo.

CSS yellowcolorbackground+decoration demo.

Using text-decoration in ::selection
The text-decoration CSS property in a ::selection rule sets the underline and other text decoration styles on the text a user has highlighted.