[CSS] 改变文字选择的颜色(反选的颜色)

老金 老金 2021.1.7 16:58 浏览(398) 评论 (0)

什么是反选?

我们常会用鼠标选取一小段文字,可能是为了复制或是为了看他清楚点,像下面文章中蓝色底的这样:

用什么方法可以改变这个选择文字的样式 (style)?在css3中提供了一个简易的方法,就是叫selectionselector,我在下面范例中将反选背景改成桃红色:

::-moz-selection {
   background: #FE57A1; color: white;
}

::selection {
   background: #FE57A1; color: white;
}

结果:

你可以将这个 selector 整合到其他的selector中来限制范围,例如你只要文章反选改字,其他的部分不变,那就写成这样:

article ::selection { background: #FE57A1; color: white; }

限制

这个selection只接受少少的样式属性:color, background, cursor, outline

 

点击量: 0
免责声明:本文资源均为自媒体平台“芒果XO”用户上传并发布,本平台仅提供信息存储服务,仅作为学习交流,其版权归出版社或原作者所有,本网站不对所涉及的版权问题负责。(如本文资源侵犯了您的权益,请发送邮件到phoenix.lam@mangoxo.com,或按此进行投诉,我们会及时作出处理)如果你下载本网站资源,表示您同意只将此资源用于参考、学习使用而非任何其他用途。收取的费用为整理资源的费用,非资源本身费用,请悉知。

本文链接 https://www.mangoxo.com/blog/3DORJ6xV 版权所有,转载请保留地址链接,感谢!

老金 关注
善良的程序宅
  • 86 动态
  • 0 相册
  • 1 粉丝
  • 11 获赞