css selection改变文字反选的背景颜色
最近在访问一个网站的时,我注意到,当其文字被选中时它有一个匹配他的网站的背景色,这个背景色不是是深蓝色。此刻,若是您的网站不利用任何蓝色为文字背景,看上去会不会有点不合适?
在计算机操作中经常会有反选出现,系统一般会根据选择区域的颜色,显示出补色。但windows默认的文字选择时,背景为蓝色,前景色为白色,如果背景是深色,则文字为蓝色,背景变成白色。如下图所示:
反选后默认的样式
能不能改变选择的默认颜色呢,也许很多人对这个问题不是很在意,也可能你早就见到过这个效果了,但是却忽略了。
给出了如下的CSS代码:
::-moz-selection{ /*针对Firefox*/
background:#cc0000;
color:#fff;
}
::selection {
background:#cc0000;
color:#fff;
}
code::-moz-selection { /*code是标签选择器,可以换成p或span等*/
background: #333333;
}
code::selection {
background: #333333;
}
通过以上代码可以看出,你完全可以给不同的容器定义不同的反选背景颜色
不过谷歌浏览器好像不支持这个 如果你发现谷歌浏览器实现类似效果的css代码 请留言跟进吧 哈哈
转载请注明:css selection改变文字反选的背景颜色 - 编程知识库
您可能还会对这些文章感兴趣
2016-12-15 721次CSS实现多行文本溢出显示省略号
单行文本溢出显示省略号—(前提要给固定宽度) 实现方法: overflow:hidden; /*–超出隐藏–*/ white-space:nowrap; /*–禁止换行–*/ text-overflow:ellipsis; /*–超出的文字以省略号显示–*/ 显示效果: 多行文本溢出显示...
2016-12-15 466次divcss布局左边固定右边自适应
web前端开发之布局:先看效果图,最简单的左右布局。有可能还会被面试问道哈哈哈。 一看也没什么特别之处,就是左边固定,右边自适应,就这么简单。 原理:通过设置一个margin-left;或者margin-right就可以搞定。方法有很多,这次就只介绍这种设置margin的。 <!do...
2014-12-17 2,691次css常用中文字体的英文名称写法
我们知道网页中使用中文字体最好用其对应的英文名称,这样可以避免出现编码问题导致样式中的中文名称出现乱码,从而不识别。下面是网页中常用的中文字体所对应的英文名称。留着,不用翻资料了 中文 英文 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHe...
2014-11-21 18,968次normalize.css使用方法,normalize.css下载
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、...
大家正在看
- 二类电商是什么意思? 二类电商有哪些?暴利二类电商还好做吗?
- 【二类电商广点通投放指南】二类电商广点通投放值不值
- 密码保护:支付宝突破微信封锁唤起支付宝代码
- Host is not allowed to connect to this MySQL server解决方法
- 密码保护:移动端js自动复制代码
- linux数据库调优,WordPress MySQL占用cpu高数据库优化
- 2017 年十大网页设计趋势
- 网页端的VR实现离我们还远么?
- 最完整的Chrome浏览器客户端调试大全
- iPhone用户人均每天遭电话骚扰1次
- 3G电子化销售服务系统
- Java WeakReference的理解与使用
- 搞清楚 Python traceback
- Referrer 还是 Referer?