设置选中文字的颜色和背景色

iteye_12132

于 2010-08-19 17:00:29 发布

阅读量969

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： Chrome IE Safari Firefox Opera

本文链接：https://blog.youkuaiyun.com/iteye_12132/article/details/81920148

CSS 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何使用CSS为不同浏览器设置文本选中的样式，包括Firefox的私有选择符::-moz-selection和其他浏览器如Chrome、Safari、Opera通用的选择符::selection。需要注意的是IE系列浏览器不支持这些样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载自：http://witmax.cn/css-text-selection.html

样式：


/*应用到全部标签*/
* ::-moz-selection{
    background:#FFCC89 none repeat scroll 0 0;
    color:#222222;
}
::selection{
    background:#FFCC89 none repeat scroll 0 0;
    color:#222222;
}

#someID ::-moz-selection{
    background:#cc00cc none repeat scroll 0 0;
    color:#fff;
}
#someID ::selection{
    background:##cc00cc none repeat scroll 0 0;
    color:#fff;
}

说明：
1. Firefox使用::-moz-selection私有选择符来实现，不支持::selection选择符
2. Chrome、Safari、Opera均使用::selection选择符
3. IE系列不支持选中文本样式
4. 选中文本样式只支持文本颜色color和背景颜色background属性