改变选中区域的文字和背景颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了改变选中区域的文字和背景颜色相关的知识,希望对你有一定的参考价值。

 

 

很多个人网站都会改变选中区域的文字和背景的颜色,今天偶然看到的,就想了一下,想到了系统默认事件(system default),想到了jQuery的Sizzle选择器,貌似都搭不上边,其实很简单,用CSS3的伪元素选择器::selection就好了。

 

.demo::selection{color:#fff;background:#ff5e2c;}
.demo::-moz-selection{color:#fff;background:#ff5e2c;}
.demo::-webkit-selection{color:#fff;background:#ff5e2c;}

 

试着来选中这篇博文的文字吧!

 

相关链接:CSS3伪元素和伪类选择器

以上是关于改变选中区域的文字和背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

winform中修改ListView选中项颜色

js改变单选按钮背景图片,怎么更改文字颜色呢?效果如图

HTML CSS 鼠标鼠标选中的颜色怎么更改

如何改变UIDocumentInteractionController完成按钮的文字和背景颜色

Axure8.0 按钮选中时改变颜色和文字

怎么设置Android Studio代码字体及背景颜色