css selection改变文字反选的背景颜色

作者：编程知识库发布：2011-05-04 分类：Css Html 阅读：3,738次

最近在访问一个网站的时，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色不是是深蓝色。此刻，若是您的网站不利用任何蓝色为文字背景，看上去会不会有点不合适？

在计算机操作中经常会有反选出现，系统一般会根据选择区域的颜色，显示出补色。但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改变文字反选的背景颜色 - 编程知识库

该文章由编程知识库发于2011年05月04日发表在Css Html分类下，你可以至底部留下评论。

原创文章转载请注明: css selection改变文字反选的背景颜色 | 编程知识库

关键字: -moz-selection, ::selection, css div, css selection, CSS改变选择网页文字背景色, 前端开发, 改变文字反选的背景颜色, 文字反选背景色, 网页文字反选背景色, 网页文字反选颜色

上一篇：分享六个免费的图标ICON搜索站

下一篇：纯div+css投票票数百分比柱状效果实现

您可能还会对这些文章感兴趣

雷军22年前写的程序代码保准你没见过！

作为小米科技的创始人、董事长和首席执行官，雷军的名字如雷贯耳。上午W3Cschool发布了一篇“刘强东的代码水平如何”(有兴趣的可以点击右上角关注我们)的文章，有网友在下面回复“代码只服雷军”。这个回复吸引了W3Cschool的注...
只会用jQuery前端到底low不low?

如果你之前没有看过我的《前端工程师如何月薪过4万》这里建议大家仔细读读一下，因为里面有整个前端工程师成长的技术路线图和我的故事。同时很多小伙伴问我的学历后来没再考考么，我是考了成考的北京航空航天大学，也马上快...
UED原型设计工具Axure汉化版

Axure汉化版已经发布，版本号Axure 5.1.0.1699，下面是截图效果 Axure汉化版文件下载地址：Axure汉化补丁 Axure RP pro 5.1.0.1699 下载地址注册用户名：Axure 序列...
百度公共DNS无劫持IP 从此上网无阻

今天百度推出公共DNS服务，IP地址为180.76.76.76，号称拥有遍布全国的递归出口节点，可以做到更稳定，纯净无劫持等。 DNS在现有整个互联网基础架构中也扮演着流量”调度员”、”指引员”的角色。尽管已经有超过30年历史,DNS仍...
小伙打造网站媒体帝国月访问量4500万

　　BI中文站 6月7日报道艾默生·斯帕茨(Emerson Spartz)今年28岁，已婚，是Spartz Inc公司的首席执行官。Spartz Inc是一个网站媒体帝国，旗下的30多家网站专门发布有趣、励志和让人感到不可思议的文章和帖子，其分享量非常...