CSS设置选中网页文字时的背景和颜色
在网页中,选中某段文字,默认的显示效果为:
文章图片
图片1.png 【CSS设置选中网页文字时的背景和颜色】可以看到,选中后文字颜色为白色,背景为蓝色。
现我们想设置,选中后文字为红色,背景为黄色。需要用到CSS伪类 ::selection。
IE9+、Opera、Google、Chrome、Safari都支持 ::selection 选择器。
Firefox 通过其私有属性 :: moz-selection 支持。
设置CSS为:
文章图片
图片2.png 页面效果为:
文章图片
图片3.png 扩展:
::selection 可以应用的属性有:color、background、cursor、outline。
推荐阅读
- 第6.2章(设置属性)
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 15、IDEA学习系列之其他设置(生成javadoc、缓存和索引的清理等)
- performSelectorOnMainThread:withObject:waitUntilDone:参数设置为NO或YES的区别
- 3.css浮动
- spring|spring boot中设置异步请求默认使用的线程池
- Python绘制小红花
- day|day 28 设置路由表
- flutter设置沉浸式状态栏
- 谷歌/火狐/Safari浏览器设置手机模式浏览