html - 如何设置 CSS 规则来更改所有元素的选择，而不仅仅是文本？

Question

这个 CSS 规则……

::selection
{
background-color:#f1f1f1;
}
::-moz-selection
{
background-color:#f1f1f1;
}

… 在 Chrome 中产生这种效果：

如您所见，选择的某些部分是默认的蓝色。如何使整个选择变为灰色？

Answer 1

-moz- 是火狐的前缀

试试 -webkit- 它适用于 chrome 和 safari

Answer 2

它必须在另一个<div>或类似的地方。检查周围设置背景颜色的任何其他地方。如果没有更多的代码，我们就无法做更多的事情。

还可以找到不同的浏览器类型

-moz-selection

因为那只是Firefox。

Answer 3

我使用以下内容来防止选择页面上的所有元素......希望它有所帮助！

*{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}