CSS3选择器 ::selection选择器
03/10
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。
有的时候设计要求,不使用浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。
例如：将鼠标选中的文本时的背景变成 red，文本变成 white
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>::selection选择器</title>
<style>
::selection{
background:red;
color:#fff;
}
::-moz-selection{
background:green;
color:#fff;
}
</style>
</head>
<body>
<p>“::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下，选择网站文本是深蓝的背景，白色的字体，
有的设计要求不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。</p>
</body>
</html>效果如下：
版权属于：
Dcr163的博客
本文链接：
https://www.dcr163.cn/135.html（转载时请注明本文出处及文章链接）
