[CSS] 改变文字选择的颜色(反选的颜色)

什么是反选？

我们常会用鼠标选取一小段文字，可能是为了复制或是为了看他清楚点，像下面文章中蓝色底的这样：

用什么方法可以改变这个选择文字的样式 (style)？在css3中提供了一个简易的方法，就是叫selection的selector，我在下面范例中将反选背景改成桃红色：

::-moz-selection {
   background: #FE57A1; color: white;
}

::selection {
   background: #FE57A1; color: white;
}

结果：

你可以将这个 selector 整合到其他的selector中来限制范围，例如你只要文章反选改字，其他的部分不变，那就写成这样：

article ::selection { background: #FE57A1; color: white; }

限制

这个selection只接受少少的样式属性：color, background, cursor, outline。