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

Question

我正在运行Mac OS,所以我无法确定这种效果是否出现在Windows机器上,所以我很抱歉,如果你没有看到这种效果.

输入和TextFields在聚焦时似乎有一个蓝色矩形,至少在Mac上的Firefox和Chrome上.我对网站有一个自定义焦点效果,我想知道我是否可以避免这个默认选择行为显示.谷歌在他们的网站上避免使用它.我尽可能地为Google的输入框获取'实效'CSS样式,将其应用于我的css对象.但是,它仍然显示蓝色矩形.我不确定谷歌正在做什么样的伏都教,但在我看来,它既不是HTML或CSS属性.有谁知道如何避免这种影响？谢谢!

Answer 1

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

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