css之selection---让“选择”更色彩

于 2012-02-13 10:38:22 发布 · 189 阅读

文章标签：

#selection #css3

css3 专栏收录该内容

53 篇文章

订阅专栏

本文介绍了 CSS3 中新增的 ::selection 伪元素，它能够帮助开发者改变文本被选中时的颜色和背景色。文章提供了 ::selection 的具体用法，并针对不同浏览器的兼容性进行了说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一直以来很少人关注也门文字的选中文字的控制，但是不乏在一些细心的网站会加一些这样的设置。

CSS3新增的伪::selection，可以帮助我们来改变选择文本的颜色和背景。

::selection{color:#333;background-color:#cca2da;}
::-moz-selection{color:#333;background-color:#cca2da;}
::-webkit-selection{color:#333;background-color:#cca2da;}

下面这个图来源于网络，主要测试了部分浏览器的支持情况。

扩展阅读：

https://developer.mozilla.org/en-US/docs/CSS/::selection