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

Question

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

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

Answer 1

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

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