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

Question

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

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

我正在努力寻找摆脱这种情况的方法。

在我的scss中，我试过了

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

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

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

任何帮助将不胜感激。

谢谢。

Answer 1

如果你说的是大纲，那么你可以试试下面的代码

*{
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;

Answer 2

试试这个：

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