How to change the text selection color

Learn how to use CSS to override the default text selection color.

Text selection color

Select the following text:

Default text selection color

Custom text selection color

How to change text selection color

Use ::selection Selector to override the default text selection color:

::-moz-selection { /* Firefox browser specific code */
  color: red;
  background: yellow;
{}
::selection {
  color: red;
  background: yellow;
{}

Try it yourself

Related pages

Reference manual:CSS ::selection property