改变选择的颜色

Question

当您在浏览器中选择文本时，大多数情况下选择的文本后面的背景会将颜色更改为蓝色。如何将这种颜色改为另一种？

Answer 1

您正在寻找selection伪元素。

::-moz-selection{ background: #000; color:#fff;}
::selection { background:#000; color:#fff; }

另外，作为旁注。如果您计划在网站中使用text-shadow，我建议您将text-shadow:none;添加到::selection样式中。正如你在this小提琴中看到的那样，眼睛真的很难。

Answer 2

看一下这篇文章......

http://css-tricks.com/490-overriding-the-default-text-selection-color-with-css/

......所以这样：

p.moz::-moz-selection {
    background:#cc0000;
    color:#fff;
}

p.webkit::-webkit-selection {
    background:#cc0000;
    color:#fff;
}

p.normal::selection {
    background:#cc0000;
    color:#fff;
}

我希望这会有所帮助 赫里斯托斯

Answer 3

试试这个

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