修改被选中文本背景颜色与字体颜色

使用::selection伪元素来选中被用户复制的文本，通过color属性设置选中文本的字体颜色。通过background-color属性来设置选中文本的背景颜色。

示例

<style>
    ::selection {
        color: blue !important;
        background-color: yellow !important;
    }
</style>
<p>这是一段文字，</p>
<p>你可以尝试选中其中的一部分，看一下被选中的文本的颜色与背景颜色是否发生了改变。</p>

选中其中一部分文本，被选中的文本会变成蓝色字体、黄色背景：

!important 规则，强制应用了我们设定的 CSS 属性。记得要在 ::selection 伪元素后面加上:hover 状态，以上例子中如果你选中文本之后，再次用鼠标点击页面，选中高亮就会消失了。