如何禁用HTML选择蓝色背景？

Question

对某些人来说这可能不是什么大问题，但我正在努力解决一个小问题。

当我在html中的元素上多次单击时，会出现一些蓝色选择矩形。

我正试图找到摆脱它的方法。

在我的scss中，我试过了

input, textarea, select, a, button { @include user-select(none) ; }

但我仍然主要在文本元素上遇到这个问题。

所以我的问题是：当我们点击链接时，如何禁用HTML蓝色选择。

任何帮助将不胜感激。

感谢。

Answer 1

试试这个：

::selection {
    background: transparent;
}
::-moz-selection {
    background: transparent;
}

Answer 2

如果您正在谈论大纲，那么您可以尝试下面的代码

*{
outline-style: none;
}

或

*{
outline: none;
}

如果您正在谈论选择，请使用此代码

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