::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>

 

posted @ 2017-04-27 17:11  winteronlyme  阅读(279)  评论(0)  编辑  收藏  举报