如何自定义网页上文本选取后的背景颜色？

默认的情况下，当用鼠标拖拉选择文本内容时，被选择的文本背景颜色会变成蓝色，以表示被选择的部分，这时复制或Ctrl+C 就能在剪切板里复制到这一部分内容。这样的操作我想大家在日常的工作中会经常使用，那么，被选取的文本背景颜色一定要是蓝色的吗？这默认的设置可不可以修改呢？答案是一定可以的。

最简单的方法就是通过CSS样式重新定义颜色即可实现：

::selection{background: #f2054d; color: white; /* Safari */} 
::-moz-selection{background: #f2054d; color: white; /* Firefox */ }

在你的CSS样式文件中加入如上代码就可以改变默认的显示背景。
未加入以上代码前选取文本内容时：

加入以上代码后选取文本内容时：

建网站时两行小小的代码就可以改变默认的显示属性，只要你敢想一切皆有可能，就像天空不一定一直都是蓝色的。

本文地址：如何自定义网页上文本选取后的背景颜色？ https://www.371jianzhan.com/technical/94.html