CSS ::selection Pseudo-element

Definition and Usage

CSS ::selection Pseudo-elements are used to set the style of the selected text portion.

Note:The following properties can be used with ::selection Used Together:

• color
• background-color
• text-decoration
• text-shadow

Example

Set the text color to red and the background to yellow for the selected text:

::selection {
  color: red;
  background: yellow;
}

Try It Yourself

CSS Syntax

::selection {
  css declarations;
}

Technical Details

Browser Support

The numbers in the table specify the first browser version that fully supports this pseudo-element.