美文网首页
CSS设置选中网页文字时的背景和颜色

CSS设置选中网页文字时的背景和颜色

作者: 半缕阳光 | 来源:发表于2018-11-27 12:49 被阅读14次

在网页中,选中某段文字,默认的显示效果为:

图片1.png

可以看到,选中后文字颜色为白色,背景为蓝色。

现我们想设置,选中后文字为红色,背景为黄色。需要用到CSS伪类 ::selection。

IE9+、Opera、Google、Chrome、Safari都支持 ::selection 选择器。

Firefox 通过其私有属性 :: moz-selection 支持。

设置CSS为:

图片2.png

页面效果为:

图片3.png

扩展:

::selection 可以应用的属性有:color、background、cursor、outline。

相关文章

网友评论

      本文标题:CSS设置选中网页文字时的背景和颜色

      本文链接:https://www.haomeiwen.com/subject/mtrgqqtx.html