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

时间:2010-09-07 16:56:04

标签: html css macos

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

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

1 个答案:

答案 0 :(得分:115)

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

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