0
0
青灯夜游
发布时间：2021-01-06 15:31:43
|5759人浏览过
|来源于php中文网
原创
css中可以使用“::selection”选择器来实现鼠标选中文字后改变背景色效果，只需给文字元素E添加“E::selection{background: 背景色值;}”样式即可。
本教程操作环境：windows7系统、css3版本、Dell G3电脑。
教程推荐：css视频教程
css实现鼠标选中文字后改变背景色
css鼠标选中文字后改变背景色可以使用::selection选择器。
立即学习“前端免费学习笔记（深入）”；
::selection选择器匹配元素中被用户选中或处于高亮状态的部分。::selection只可以应用于少数的CSS属性：color、background、cursor和outline。
代码示例：
默认文本。测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
鼠标选中文字后改变背景色。测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
效果图：
更多编程相关知识，请访问：编程教学！！
相关文章
css 想让列表项均分父容器宽度怎么办_使用 css flex flex:1 实现均分
css 想实现多列布局自动换行怎么办_flex-wrap wrap 与 justify-content
css 想让元素在 flex 容器内固定高度怎么办_align-items flex-start 与 height 配合
css清除浮动的本质_css clear属性的正确用法
css 想给最后一个列表项添加装饰怎么办_使用 :last-child 选择器定义尾项样式
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
