使锚元素不高亮答案

【问题标题】：Make anchor elements not highlightable使锚元素不高亮
【发布时间】：2023-01-06 00:05:05
【问题描述】：

我正在研究字体调整栏（其中包含增加/减小字体大小的按钮）。它可以正常工作，但在手机上有一个问题。如果用户垃圾邮件点击浏览器上的这些按钮，浏览器会突出显示这些按钮，然后用户将无法再使用这些按钮，直到他删除突出显示（点击）。这是一个问题，因为许多用户不知道这一点，并且会认为该栏不起作用。我想让我的按钮不突出显示以允许发送垃圾邮件。我该怎么做呢？请注意，我不关心我知道可以隐藏的突出显示颜色本身。我不介意任何解决方案，让它成为 CSS 或 Javascript。

谢谢。

【问题讨论】：

标签： javascript html css

【解决方案1】：

只需在您的元素上使用 css user-select: none;。

当然，由于浏览器不喜欢 CSS 的完全标准化，因此您需要添加一些额外的规则来获得所有不同的浏览器。

a {
  -webkit-user-select: none;
  user-select: none;
}

&lt;a&gt;i'm an anchor&lt;/a&gt;

【讨论】：

【解决方案2】：

我不确定它是否依赖于浏览器，但你试过了吗

-webkit-touch-callout : none
-webkit-user-select : none

【讨论】：