伪元素::selection(怎么修改网页中被选中文本的样式)

当我们用鼠标选中一段文字的时候我们会发现文字的颜色和背景色都改变了,

有时候设计给这种选中状态设计了其他的样式,那么我们怎么来自定义选中的文本的样式呢?

用::selection

<p>我是一段文字,当我被选中时我是默认样式</p>
<p>我是一段文字,当我被选中时我是自定义的样式</p>
p:nth-of-type(2)::selection{
        background-color: #FFAAAA;
        color: #5F9EA0;
}

这是效果:

posted @ 2016-07-29 11:12  喜欢骑车的大冬瓜  阅读(633)  评论(0编辑  收藏  举报