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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何改变网页选中文本的颜色相关的知识,希望对你有一定的参考价值。

一、文本选中的默认颜色

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

以上是关于如何改变网页选中文本的颜色的主要内容,如果未能解决你的问题,请参考以下文章

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

C# Winform 如何更改选中文字的颜色

如何更改选中和未选中的标签栏图像颜色

js实现鼠标选中文本改变选中区域颜色以及给选中区域加上html标签

html怎么改变字体大小和颜色

js设置字体颜色