Dhairya Shah
Dhairya Shah's Blog

Follow

Dhairya Shah's Blog

Follow
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

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