CSS3 ::selection 选择器

将选定的文本红色:

::selection
{
color:#ff0000;
}
::-moz-selection
{
color:#ff0000;
}

浏览器支持

chrome edge firefox safari opera

E9+, Opera, Google Chrome和Safari支持::selection选择器。

Firefox 通过其私有属性 ::-moz-selection 支持 。

::selection选择器匹配元素中被用户选中或处于高亮状态的部分。

::selection只可以应用于少数的CSS属性:color, background, cursor,和outline。

实例

<style type="text/css">
::selection
{
color:blue;
}
::-moz-selection
{
color:blue;
}
</style>

<h1>尝试选择本页的一些文本</h1>

<p>这是一些文本.</p>

<div>这是div元素中的一些文本.</div>

<a href="https://www.xiaoyuzl.com/" target="_blank">链接小鱼资料库首页!</a>

效果:

尝试选择本页的一些文本

这是一些文本.

这是div元素中的一些文本.

链接小鱼资料库首页!