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

Posted 2023-03-06

【中文标题】如何禁用 HTML 选择蓝色背景？

【英文标题】：How to disable HTML selection blue background?

【发布时间】：2017-05-01 23:10:35

【问题描述】：

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

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

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

在我的scss中，我试过了

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

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

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

任何帮助将不胜感激。

谢谢。

【问题讨论】：

你的意思是轮廓吗？

How do I disable text selection with CSS or javascript?的可能重复

如果您可以添加问题的屏幕截图，这将非常有助于解决这个问题。

您能否发布该代码并添加该问题的屏幕截图

【参考方案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;

【讨论】：

那里缺少什么？将其放入样式块中，它不会做任何事情，但会弄乱它之后的所有 CSS。每个前面都需要“::”吗？每个属性都应该被bracketed吗？

【参考方案2】：

试试这个：

::selection 
    background: transparent;

::-moz-selection 
    background: transparent;

【讨论】：

不确定 OP 的意思，但它正是我想要的。不知道它适用于多少浏览器，但在 Chrome 和 FF 上运行似乎不错。几年前的浏览器。