这篇文章主要介绍“CSS怎么更改选中文本的背景颜色”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS怎么更改选中文本的背景颜色”文章能帮助大家解决问题。

1. 禁用用户选中一个元素（element）的文本

使用属性 user-select，并且将它的值设置为 none ，我们可以将一个元素的文本设置为不能被用户选中。

element{-webkit-user-select:none;/*Safari*/-ms-user-select:none;/*IE10+andEdge*/user-select:none;/*Standardsyntax*/}

当你不想一个元素的原始内容被复制时，可以使用这个属性。

2. 更改选中文本的背景颜色

使用选择器::selection，可以更改选中文本的背景颜色：

::selection{color:#ececec;background:#222831;}

当你使用这个属性时，注意使用良好的颜色对比度组合。

3. 在不使用br的情况下将文本换行

使用属性white-space，并将它的值设置为pre-wrap或pre-line：

element{white-space:pre-wrap;/*pre-wrap*/white-space:pre-line;/*pre-line*/}4. 设置字与字之间的间距

这对你来说可能有点简单。但是直到我搜索这个需求时，我才知道有这个设置。

你可以使用word-spacing这个属性来设置文本中词与词之间的间隔。

element{word-spacing:6px;/*wordspacingwowsuch*/}5. 在浏览器中隐藏难看的滚动条

我以前甚至不知道这是可以做到的。

要实现这个目的，你必须为不同的浏览器，准备不同的代码：

/*HidescrollbarforChrome,Safari,andOpera*/html::-webkit-scrollbar{display:none;}/*HidescrollbarforIEandEdge*/html{-ms-overflow-style:none;}

如果你禁用了滚动条，那么你需要确保提供上/下按钮和其他方便的导航选项。请注意，Firefox停止了对滚动条隐藏问题的支持，以上代码似乎是一个技巧，可以执行与我包含的其他代码相同的功能。

关于“CSS怎么更改选中文本的背景颜色”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。