css设置文字被选中时的样式

在网页制作中，我们经常需要为文字添加样式效果，比如字体颜色、背景颜色、字体大小等等。而有时候，在我们选中文字时，也需要对选中文字进行特别的处理，从而增强用户体验。CSS提供了一些属性，可以帮助我们设置文本被选中时的样式。
被选中文本的默认样式
在默认情况下，被选中文本的颜色是蓝色，背景是灰色。这是由浏览器或者操作系统自动设置的样式。如果你想自定义被选中文本样式，可以使用CSS样式表。
设置选中文本背景和颜色
通过::selection 和 ::-moz-selection伪类设置被选中文本的背景与前景色。下面是例子：
p::selection {
background: #ffa835; /* 背景色 */
color: #fff; /* 前景色 */
}
p::-moz-selection {
background: #ffa835; /* 背景色 */
color: #fff;  /* 前景色 */
}
支持该伪类的浏览器有：Chrome、Opera、Safari 等等，如果
想要兼容 IE 或 EDGE 浏览器，可以使用 user-select:none 禁用掉系统的默认选中样式，然后自定义样式
pre{
user-select:none;
}
设置选中文本边框
除了背景和字体颜色，我们还可以为被选中文本添加边框。下面是例子：
p::selection {
background: #ffa835; /* 背景色 */
color: #fff; /* 前景色 */
border: 1px dashed #000; /* 边框 */
}
需要注意的是，IE/Edge浏览器不支持为选中文本添加边框。
总结
通过CSS的伪类选择符，我们可以轻松地为被选中文本设置样式，包括改变背景颜色、字体颜色，甚至添加边框。这些都能够为页面增加一些新奇的效果，提升用户的体验。