答案 0 :(得分：29)
答案 1 :(得分：9)
答案 2 :(得分：6)
如果你在textarea风格上使用它：
outline:none;
...它应该适用于所有浏览器，而不仅仅是Firefox
答案 3 :(得分：2)
答案 4 :(得分：1)
只需添加或定义边框...例如，如果定义了边框并且我添加了outline：none;对我的CSS来说，这就是诀窍。
答案 5 :(得分：0)
答案 6 :(得分：0)
答案 7 :(得分：0)
on＃3
#Solution0:focus{
border:solid #CCC 1px;
outline:1px none transparent;
}
答案 8 :(得分：0)
稍微不相关但可能有用的答案：在我的情况下，蓝色光晕导致Firefox中的对齐问题，因为它增加了一两个额外的像素并改变了整体元素的大小。我的猜测是很多人会因为类似的原因而得出这个问题，而不是完全消除蓝色光晕，我得到的解决方案是专门为Firefox设置输入元素填充样式：
@-moz-document url-prefix() {
input:focus {
padding: 5px!important;
}
}
您可以更改此设置以满足您的需求，但有些人可能会了解@-moz-document url-prefix()规则。
答案 9 :(得分：0)
我在文本输入上遇到了这个问题 - Firefox正在使用border属性创建蓝色光晕：焦点 - 不是轮廓。
input:focus, textarea:focus {
outline: none; // for other browsers
border: none; // only necessary if you haven't set a border on the element
}