改变文字选中时的颜色和背景色

如果你用的是firefox或者chrome浏览器,随便选中我的博客上的文字,就会发现似乎有些不同,没错,选中的文字的颜色跟背景色不是普通的黑白色,而是有带彩色的。这个效果是咋做出来的呢,相信喜欢玩css的童鞋都有点兴趣。

之前在Insen的博客上看到一篇文章:改变文字选中时的颜色和背景色,另外在怿飞的博客上就发觉它的博客文字选中后颜色跟普通选中的时候不太一样,不过没留意是怎么做出来的,这下让我又想玩一把了,就当做是另一个小彩蛋吧。

不过,这个东西就像IE的私有属性一样,是非标准的实现,就有点像firefox下面的圆角的css代码,这个改变选中文字的背景色只能在firefox 和 google chrome中使用。

要实现很简单,把以下的css定义加到你的css中即可。
查看文本复制到剪贴板打印

1. selection{background-color:#63C;color:#FFF;}
2. a::selection{background-color:#0C0;color:#FFF;}
3. ::-moz-selection{background:#63C;color:#FFF;}
4. a::-moz-selection{background-color:#0C0;color:#FFF;}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值