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

这是大多数浏览器默认的文字选中样式：
这里写图片描述

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

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

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>

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

这里写图片描述

版权声明：本文为qq_31164127原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。