当前位置:jQuery学习 > css > css3改变选中文本的默认颜色

css3改变选中文本的默认颜色

时间:2010-10-31QQ群:116983258

以前就发现有些人的博客,选中文本值的背景色不是默认的颜色,而是改变为指定的颜色。今天刚好看到一篇使用css3实现这一效果的样式,记录下来和大家分享一下。当然了,改变选中文本默认颜色还有其他方法,比如用js实现,但能用css样式实现的,我们尽量不使用js。

css3改变选中文本的默认颜色

下边直接给出实现的css样式:

p.orange::selection {
	background:#c2660d; 
	color:#fff;
}
p.orange::-moz-selection {
	background:#c2660d; 
	color:#fff;
}

可以预测到在Google Chrome、FireFox、Safari中效果都是很明显的,但在IE下应该是不行的,因为IE现在还不支持css3,虽然IE9已经做了很多改善。如果你还没有安装Chrome,推荐你赶快安装一个,这样也能获得浏览本站的最佳效果。

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/use-css3-to-change-default-text-selection-color.html

所有话题