CSS3 ::selection 选择器

CSS完整选择器完整CSS选择器参考手册

将选定的文本红色：

<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
     ::selection {
      color: #ff0000;
    }

    ::-moz-selection {
      color: #ff0000;
    }
  </style>
</head>
<body>

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

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

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

  <a href="https://www.mifengjc.com/" target="_blank">链接蜜蜂教程!</a>

</body>
</html>

尝试一下 »

定义和用法

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

CSS完整选择器完整CSS选择器参考手册