码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-05 12:58:10      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:

一、文本选中的默认颜色

今天看了国外的很多网站,发现在网页中选中文本的时候,颜色不是我们平常所说的蓝色。经过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 的应用;

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

标签:

原文地址:http://www.cnblogs.com/lwrht/p/w_2016100501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!