Dhairya Shah
Dhairya Shah's Blog

Dhairya Shah's Blog

How to change text selection color in CSS

How to change text selection color in CSS

Dhairya Shah's photo
Dhairya Shah
·Aug 25, 2022·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

By default, text selection comes with light blue background and black text. We are going to change, the text selection color like this: Screenshot 2022-08-25 at 1.35.15 PM.png

In your CSS file,

/* Custom Component Text Selection Change */
.component::selection{
    background-color: #FEF4B9;
}

/* Global Text Selection Change */
::selection {
    background-color: #FEF4B9;
}

After applying the above code in your CSS file, the text selection color will be changed.

Check out different styles you can apply with text selection:

Thanks for reading

Follow me on Twitter

Thanks for reading!

 
Share this