改变选择的颜色

Question

当您在浏览器中选择文本时,通常选择的文本后面的背景会将颜色更改为蓝色.如何将这种颜色改为另一种颜色？

Answer 1

您正在寻找selection伪元素.

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

另外,作为旁注.如果你打算在你的网站上使用文本影子都没有,我会建议加入text-shadow:none;到你的::selection造型.正如你在这个小提琴中看到的那样,眼睛真的很难受.

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;
}

我希望这有帮助.
斯托伊奇