CSS中Selection 伪类选择器示例

作者：袖梨 2022-06-25

::selection 伪类选择器用于突出显示的页面用户选择的任何部分，包括可编辑文本字段中的文本。

此伪元素可应用于 color ， background-color ，background（background-color 部分）和text-shadow（注：到目前位置IE下该属性无效）属性。设置其他属性是没有任何效果的。

火狐下需要加-moz-属性前缀；

支持浏览器：Chrome，Firefox (Gecko)，Internet Explorer 9+，Opera，Safari

例如：

代码如下	复制代码
/* draw any selected text yellow on red background / ::-moz-selection { color: gold; background: red; } ::selection { color: gold; background: red; } / draw selected text in a paragraph white on black */ p::-moz-selection { color: white; background: black; } p::selection { color: white; background: black; }

一个完整的例子：

代码如下

复制代码

CSS ::Selection 伪类选择器-WEB前端开发