首页 > 代码库 > ::selection伪元素改变文本选中颜色

::selection伪元素改变文本选中颜色

2024-09-17 19:45:26   214人阅读

在看张鑫旭大神的文章，刚刚发现了这个，感觉应该后面有用，先存起来。

效果如下：

技术分享

代码如下：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            p::selection {
                background: #d3d3d3;
                color: #fff;
            }
            p::-moz-selection {
                background: #d3d3d3;
                color: #fff;
            }
            p::-webkit-selection {
                background: #d3d3d3;
                color: #fff;
            }
        </style>
    </head>

    <body>
        <p>故事的小黄花，从出生那年就飘着。童年的荡秋千，随记忆一直晃到现在。</p>
    </body>

</html>

 

::selection伪元素改变文本选中颜色


联系
我们