这是大多数浏览器默认的文字选中样式:
如果你是想让它符合整个网站的风格,就可以选择自定义选中的背景颜色和字体颜色。
用户选中文字时的自定义颜色:
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>
这是设置自定义颜色后的效果图: