摆脱 HTML/CSS 输入框上的蓝色焦点矩形？

Question

我正在运行 Mac OS，所以我无法确定这种效果是否出现在 Windows 机器上，所以如果您没有看到这种效果，我深表歉意。

输入和文本字段在聚焦时似乎有一个蓝色矩形，至少在 Mac 上的 Firefox 和 Chrome 上。我在网站上有自定义焦点效果，我想知道是否可以避免显示此默认选择行为。谷歌在他们的网站上避免了它。我什至为 Google 的输入框获取了“有效”的 CSS 样式，并将其应用于我的 css 对象。但是，它仍然显示蓝色矩形。我不确定谷歌在做什么类型的巫术，但在我看来它既不是 HTML 也不是 CSS 属性。有谁知道如何避免这种影响？谢谢！

Answer 1

它实际上是一个 CSS 属性。这将隐藏那种发光效果：

input:focus, textarea:focus {
    outline: none;
}