修改元素文本的默认选中样式

来源:互联网 发布:手机吉他软件模拟 编辑:程序博客网 时间:2024/06/05 20:19

比如目前浏览器的文本默认选中样式未字体为白色,背景色为蓝色,有的时候我们可能出于系统配色的考虑需要自定义文本的选中样式,那要怎么做呢?

CSS中有一个::selection 选择器,就是它来控制文本选中的样式

代码:

p::selection{    color:red;    font-style: italic;    background-color: grey;}

这样我们就修改了p元素内部文本选中时的样式,效果:
这里写图片描述

我们还可能想要修改其他样式,但是文档有如下说明:

::selection 选择器匹配被用户选取的选取是部分。

很遗憾支持的属性不多。

0 0