当我们用鼠标选中一段文字的时候我们会发现文字的颜色和背景色都改变了,
有时候设计给这种选中状态设计了其他的样式,那么我们怎么来自定义选中的文本的样式呢?
用::selection
<p>我是一段文字,当我被选中时我是默认样式</p>
<p>我是一段文字,当我被选中时我是自定义的样式</p>
p:nth-of-type(2)::selection{
background-color: #FFAAAA;
color: #5F9EA0;
}
这是效果:
2022-11-05 11:48:13
当我们用鼠标选中一段文字的时候我们会发现文字的颜色和背景色都改变了,
有时候设计给这种选中状态设计了其他的样式,那么我们怎么来自定义选中的文本的样式呢?
用::selection
<p>我是一段文字,当我被选中时我是默认样式</p>
<p>我是一段文字,当我被选中时我是自定义的样式</p>
p:nth-of-type(2)::selection{
background-color: #FFAAAA;
color: #5F9EA0;
}
这是效果: