【CSS】设置选中文字的颜色和背景色
在网页上选中一段文字，选中的文字默认情况下是以蓝色背景+ 白色文字来显示的。看过一些网站，修改了选中文字的背景色，感觉十分清新，今天来查了一下怎么实现的。
上DEMO：
提示：你可以先修改部分代码再运行。
相关CSS样式如下：
::selection {
background:#cc00cc;
color:#fff;
}
::-moz-selection{
background:#cc00cc;
color:#fff;
}
code::selection {
background: #666666;
}
code::-moz-selection {
background: #666666;
}
做几点说明：
- Firefox使用::-moz-selection私有选择符来实现，不支持::selection选择符
- Chrome、Safari、Opera均使用::selection选择符
- IE系列不支持选中文本样式
- 选中文本样式只支持文本颜色color和背景颜色background属性
选中文字样式DEMO在Firfox 3.5、Opera 9.64、Chrome 3、Safari 4上测试有效，IE下无效。
近期评论