CSS3选择器 ::selection选择器
“::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的博客
http://dcr163.cn/135.html(转载时请注明本文出处及文章链接)