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

这是大多数浏览器默认的文字选中样式:
CSS:改变用户选中文字的颜色和背景颜色_第1张图片

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

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

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:改变用户选中文字的颜色和背景颜色_第2张图片

你可能感兴趣的:(html+css)