CSS ::selection选择器,匹配选取的内容

::selection选择器

当需要在网页上,或软件上复制选中的内容时,被选中的内容的背景颜色是不是通常会有所变化,这该怎么设置呢?可以通过CSS中的::selection选择器来完成设置。


语法

ele::selection{attribute:value}

提示:::selection匹配设置的是被选中的内容,比如文本等。


::selection选择器实例代码,及在线编辑器

<p id='p'>为了展示::selection伪类选择器的特性,这里将::selection选择到的内容的背景色设置为green,与其它的区别开来,该实例在线运行之后,可以选取该段落中的内容,然后回到页面中,选取其它段落的内容,看看有什么不一样的地方。</p>

<style>
  #p::selection{background-color:green;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.