javascript - 如何更改浏览器中所选文本的背景颜色？

Question

我们都知道，当我们在浏览器中选择一个文本部分时，它的背景颜色会变成蓝色。是否可以通过 CSS 或 JavaScript 更改此颜色？

Answer 1

是的:您可以使用 ::selection 和 ::-moz-selection 伪元素 ( MDN )，它允许您指定前景和所选内容的背景颜色。这将适用于所有主流浏览器，除了 IE < 9，没有其他选择。

::selection {
    background: pink;
    color: yellow;
}

::-moz-selection {
    background: pink;
    color: yellow;
}