我正在尝试删除OS X上Firefox中表单元素所具有的蓝色“光晕”轮廓。使用CSS，我可以通过以下方式删除OS X上Safari中的光环：
input {
outline: none;
}
但这似乎对Firefox没有影响，-moz-outline属性也没有。
答案 0 :(得分：2)
负责所有“光环”的另一种选择是：
*:focus {outline: none;}
如果您愿意，我想您可以添加!important，但我还没有遇到需要。
答案 1 :(得分：1)
:focus {outline:none;}
::-moz-focus-inner {border:0;}
答案 2 :(得分：0)
因为我没有OSX来测试它，所以我出去了...但是除去边框工作了吗？
input {
border: 0;
}
答案 3 :(得分：0)
也许您的计算机中有一个活动的用户样式表，从而产生此行为。一些附加组件这样做（使焦点更明显）。 查看firefox的chome forder（在你的用户文件中） 或者尝试使用
input {outline: none!important;}
另外
它们都优先于！important属性。
所以：你有几个地方需要研究 *用户样式表 * Stylysh * greasemonkey * anothes add-on
其中一个必须强制大纲
答案 4 :(得分：0)
我相信所有表单元素的样式都存储在forms.css文件中。在OS X中，我认为它位于此处：
/Applications/Firefox.app/Contents/MacOS/res/forms.css
您可能希望浏览该文件，看看是否有任何影响您所看到的外观的明显CSS。例如，在Windows上input元素有-moz-appearance: textfield;，我找不到任何文档，所以也许在这些字段上有一些“本机”-moz-*样式控制着发光，你可以覆盖的东西。
要尝试的另一件事可能是通过将input定义更改为input2或其他内容（在制作课程副本之后）来覆盖该文件中的所有内容。然后，您可以通过操纵默认CSS来查看是否可以完全停止发光。
一旦你确定你可以让它停止（如果可以的话），你可以一次添加一些样式，直到找到导致你不想要的效果的样式。您可以通过消除测试中明显不相关的样式来加快这一过程（例如 - line-height: normal !important;几乎肯定不负责字段周围的蓝色光。）
答案 5 :(得分：0)
我完成了这里提出的各种建议，但似乎没有人能够完全解决这个问题。通过定义自定义边框样式，即
border: 1px solid #000;
我能摆脱焦点晕，但这显然会改变输入元素的外观。 border-style: inset;似乎与“原生”外观非常相似，但它仍然不太正确，所以就我现在所知，你可以抑制晕，或者看起来很自然。
答案 6 :(得分：0)
我相信这就是你要找的东西：
input:focus { outline: none; }