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

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

效果如下:

代码如下:

<!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>
原文地址:https://www.cnblogs.com/winteronlyme/p/6775187.html