CSS修改选中文字颜色
今天在掘金上学习时*摸鱼(憨笑)*发现一个有意思的小功能:选择文字时文字是红色的。

这一下引起了我的注意,直接祭出F12大法查看源码,果然在样式中找到了::selection这个伪元素。

知道了使用的技术我们就可以使用以下的代码实现自定义选中文字颜色和背景。
::selection {
background:#d3d3d3;
color: red;
}
::-moz-selection{
background:#d3d3d3;
color: red;
}
::-webkit-selection{
background:#d3d3d3;
color: red;
}
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
上次更新: 2025/09/05, 8:09:00