本文介绍如何使用CSS伪类::selection来改变网页中文本被选中时的颜色和背景色，实现个性化选中效果。文章详细说明了::selection在不同浏览器中的支持情况，并列举了可应用于::selection的CSS属性。
CSS设置选中网页文字时的背景和颜色
在网页中，选中某段文字，默认的显示效果为：
可以看到，选中后文字颜色为白色，背景为蓝色。
现我们想设置，选中后文字为红色，背景为黄色。需要用到CSS伪类 ::selection。
IE9+、Opera、Google、Chrome、Safari都支持 ::selection 选择器。
Firefox 通过其私有属性 :: moz-selection 支持。
设置CSS为：
页面效果为：
扩展：
::selection 可以应用的属性有：color、background、cursor、outline。
CSS设置选中网页文字时的背景和颜色
最新推荐文章于 2025-01-02 14:48:23 发布
扫一扫
7971
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
