编辑这个页面须要登录或更高权限！

CSS3 ::selection 选择器

::selection CSS伪元素应用于文档中被用户高亮的部分（比如使用鼠标或其他选择设备选中的部分）。

完整CSS选择器参考手册

在线示例

将选定的文本蓝色：

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
::selection
{
color:#0000ff;
}
::-moz-selection
{
color:#0000ff;
}
</style>
</head>
<body>
<h1>尝试选择本页的一些文本</h1>
<p>这是一些文本.</p>
<div>这是div元素中的一些文本.</div>
<a href="//www.cainiaojc.com/" target="_blank">链接(cainiaojc.com)!</a>
</body>
</html>
测试看看 ‹/›

定义和用法

::selection {
  background-color: cyan;
}

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

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

浏览器兼容性

IEFirefoxOperaChromeSafari

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

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

完整CSS选择器参考手册

CSS 函数(Functions)CSS 选择器大全

CSS 参考手册
CSS @规则(RULES)
CSS 属性大全