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

Question

此CSS规则...

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

…在Chrome中产生这种效果：

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

Answer 1

-moz-是Firefox的前缀

尝试-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;
}