Open In App
Related Articles

How to change the color of selected text using CSS ?

Improve Article
Save Article
Like Article

The colour of selected text can be easily changed by using the CSS | ::selection Selector. In the below code, we have used CSS ::selection on <h1> and <p> element and set its colour as yellow with green background.

Below example implements the above approach:


<!DOCTYPE html>
<html lang="en">
        How to change the color of
        selected text using CSS?
        .geeks h1 {
            color: green;
        h1::selection {
            background: green;
            color: yellow;
        p::selection {
            background: green;
            color: yellow;
    <div class="geeks">
            A Computer Science portal for
            geeks. It contains well written,
            well thought and well explained
            computer science and programming
            articles, quizzes and many more.


Last Updated : 15 Apr, 2020
Like Article
Save Article
Similar Reads
Related Tutorials