如何改变网页选中文本的颜色

一、文本选中的默认颜色

今天看了国外的很多网站，发现在网页中选中文本的时候，颜色不是我们平常所说的蓝色。经过google的帮助，发现，原来是 CSS 3.0的一个小特性。

除了主流浏览器（ie）之外，一般还是支持的。

這是浏览器默认选中的颜色

二、使用CSS3改变文本选中的默认颜色

<!DOCTYPE html>
<html>
    <head>
        <style>
            .demo1::selection{color:#fff;background:#ff5e2c;}
            .demo1::-moz-selection{color:#fff;background:#ff5e2c;}
            .demo1::-webkit-selection{color:#fff;background:#ff5e2c;}
        </style>
    </head>
    <body>
        <p class="demo1">作为一名范女王的伪资深粉丝，我只能说，这张图片的重点在于，她真的很有本事将别人原本长得好好的鲜花，瞬间就贬为用来衬托她自己的绿叶……
        </p>
    </body>
</html>

重点：就是 ::selection 的应用；

posted @ 2016-10-05 11:31  昔日如梦  阅读(367)  评论(0)    收藏  举报