您的位置：首页 > Web前端 > CSS

CSS：改变用户选中文字的颜色和背景颜色

2017-07-26 15:23 716 查看
这是大多数浏览器默认的文字选中样式：



如果你是想让它符合整个网站的风格，就可以选择自定义选中的背景颜色和字体颜色。

用户选中文字时的自定义颜色：

p::selection {
background:#ccc;
color:#ff645d;
}
p::-moz-selection {
background:#ccc;
color:#ff645d;
}
p::-webkit-selection {
background:#ccc;
color:#ff645d;
}


<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae commodi consequatur, debitis dignissimos, esse expedita laboriosam magnam modi necessitatibus neque nihil pariatur quos repellat rerum sed sit voluptas!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores atque ea eligendi inventore libero minus molestias, officiis omnis, possimus praesentium quaerat quod, quos suscipit tenetur. Cumque itaque libero repellendus?
</p>


这是设置自定义颜色后的效果图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css 用户选中
相关文章推荐
新的分享
章节导航