CSS3选择器 ::selection选择器
2024-08-27 19:42:51
“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下,用鼠标选择网页文本是以“深蓝的背景,白色的字体”显示的,效果如下图所示:
从上图中可以看出,用鼠标选中“专注IT、互联网技术”、“纯干货、学以致用”、“没错、这是免费的”这三行文本中,默认显示样式为:蓝色背景、白色文本。
有的时候设计要求,不使用上图那种浏览器默认的突出文本效果,需要一个与众不同的效果,此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。
示例演示:
通过“::selection”选择器,将Web中选中的文本背景变成红色,文本变成绿色。
HTML代码:
<p>“::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下,选择网站文本是深蓝的背景,白色的字体,</p>
CSS代码:
::-moz-selection {
background: red;
color: green;
}
::selection {
background: red;
color: green;
}
结果演示:
最新文章
- centos7.0安装后ifconfig无法使用
- 简单的验证码识别(opecv)
- 使用vagrant创建虚拟机
- MySQL中优化常用的查询sql语
- javascript:算法之斐波那契数列
- springday03-go2
- Python 2.x与3.x共存
- .NET使用NPOI读取Word模板并替换关键字并下载
- 如何解决paramiko执行与否的问题
- Delphi中的GetEnumName和GetEnumValue的使用方法
- Web移动端Fixed布局的解决方案
- 给ie浏览器添加推荐浏览器提示
- java编码问题
- unset与unlink
- 1.Java关键字和保留字
- 关于react router 4 的小实践
- 处理soapUI特殊返回报文 【原】
- Day03_Python知识总结
- ItemsControl的两种数据绑定方式
- Unity3D工程版本管理方案【转自 兜里】
热门文章
- CS2001 VS编译错误
- React Native商城项目实战13 - 首页中间上部分内容
- pycharm中添加python3 的环境变量
- 阶段1 语言基础+高级_1-3-Java语言高级_1-常用API_1_第5节 String类_9_练习:按指定格式拼接字符
- docker搭建harbor私有镜像库
- 《Python Data Structures》Week5 Dictionary 课堂笔记
- c# thread4——lock,死锁,以及monitor关键字
- Common Linux Commands 日常工作常用Linux命令
- C#后台保存Cookie
- MYSQL的ACID