默认情况下，大多数浏览器都会以蓝色背景突出显示选定的文本。但是，您可以使用CSS::selection 伪元素覆盖此设置。

 

目前，浏览器只支持CSS属性的一小部分::selection像伪元素color，background-color和text-shadow。让我们看一个例子：

 

例试试这个代码»

::selection {

    color: #fff;

    background: #dda0dd;

    text-shadow: 1px 1px 2px #b040b0;

}

/* For Mozilla Firefox */

::-moz-selection {

    color: #fff;

    background: #dda0dd;

    text-shadow: 1px 1px 2px #b040b0;

}