如何使用 CSS 改变选中文本的颜色？

原文:https://www . geeksforgeeks . org/如何使用 css 更改选定文本的颜色/

使用 CSS |::选择选择器可以轻松更改所选文本的颜色。在下面的代码中，我们在<【h1】>

元素上使用了 CSS ::selection ，并将其颜色设置为绿色背景的黄色。

以下示例实现了上述方法:

示例:

<!DOCTYPE html>
<html lang="en">

<head>
    <title>
        How to change the color of
        selected text using CSS?
    </title>

    <style>
        .geeks h1 {
            color: green;
        }

        h1::selection {
            background: green;
            color: yellow;
        }

        p::selection {
            background: green;
            color: yellow;
        }
    </style>
</head>

<body>
    <div class="geeks">
        <h1>GeeksforGeeks</h1>

        <p>
            A Computer Science portal for
            geeks. It contains well written,
            well thought and well explained
            computer science and programming
            articles, quizzes and many more.
        </p>
    </div>
</body>

</html>

输出:

版权属于：月萌API www.moonapi.com，转载请注明出处

本文链接：https://moonapi.com/news/7712.html