[高级用法]css selection改变文字反选的背景颜色

本文主要介绍采用css selection改变文字反选的背景颜色的方法！

在计算机操作中经常会有反选出现，系统一般会根据选择区域的颜色，显示出补色。但windows默认的文字选择时，背景为蓝色，前景色为白色，如果背景是深色，则文字为蓝色，背景变成白色。如下图所示：

反选后默认的样式

能不能改变选择的默认颜色呢，也许很多人对这个问题不是很在意，也可能你早就见到过这个效果了，但是却忽略了。

PPK给出了如下的CSS代码：

::-moz-selection{ /*针对Firefox*/
background:#cc0000;
color:#fff;
}

::selection {
background:#cc0000;
color:#fff;
}

code::-moz-selection { /*code是标签选择器，可以换成p或span等*/
background: #333333;
}

code::selection {
background: #333333;
}

通过以上代码可以看出，你完全可以给不同的容器定义不同的反选背景颜色。