How to Change 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 { /* Code for Firefox browser */
  color: red;
  background: yellow;
}
::selection {
  color: red;
  background: yellow;
}

Try It Yourself

Related Page

Reference manual:CSS ::selection property