Selection in CSS | CSS ::selection

Selection in CSS | How To Change Text Selection Color

Selection in CSS ::selection is a selector of CSS, that highlighted the text, which is selected by the user.

For example, a part of a web page that is selected by the user using any device like a mouse or any pointing device.

See an image (selection CSS), also I provide the complete demo of Selection in CSS,

Selction in CSS | CSS ::selection

When you use ::selection Selection in CSS that can change the background and foreground of the text of selected text.

CSS Syntax | ::selection

On the below example, we change the background text color using ::selection CSS property,

The above ::selection CSS code supported by all the browser but for Mozilla firefox, we change the code,

How to disable text selection highlighting

Here is a code for disable text selection highlighting,

CSS ::selection Live Demo

See the Pen CSS ::selection PHPCODER.TECH by Bikash Panda (@phpcodertech) on CodePen.

Happy Coding..!

Subscribe For Latest Updates

Sign up to best of PHP Code Solutions, informed analysis and opinions on what matters to you.
Invalid email address
We promise not to spam you. You can unsubscribe at any time.

About Bikash

My name is Bikash Kr. Panda. I own and operate PHPCODER.TECH, my native place in Odisha. I am a Web Programmer by profession and working on more than 50 projects to date. My passion is working on the web-based project using PHP and relate to all CMS and frameworks which is based on PHP.
View all posts by Bikash →

8 thoughts on “Selection in CSS | CSS ::selection

Leave a Reply

Your email address will not be published. Required fields are marked *