表单域大纲

Question

我试图取下蓝色的“光环”的轮廓构成元素在火狐在OS X上使用CSS，我可以在Safari OS X上删除的光环，通过：

input { 
    outline: none; 
} 

但是这在Firefox中似乎没有效果，-moz-outline属性也不起作用。

Answer 1

我经历了这里提出的各种建议，但似乎没有人能够完全解决这个问题。通过定义自定义边框样式，即

border: 1px solid #000; 

我能够摆脱重点晕，但这显然改变了输入元素的外观。 border-style: inset;似乎与“本土”外观非常相似，但它仍然不太正确，所以就我现在可以告诉的，你可以抑制光环，或者有一个自然的外观输入。

Answer 2

因为我没有OSX来测试它，所以我正在外出，但是没有去除边界工作？

input { 
    border: 0; 
} 

Answer 3

也许你在你的机器上有一个活动的用户样式表来创建这种行为。一些插件可以做到这一点（使焦点更加明显）。 看到Firefox的丁目forder（在你的用户文件） 或者与

input {outline: none!important;} 

而且

• 时尚的插件尝试已经为这样的风格，也许你安装了它？
• 有这样做的greasemonkey脚本。如果安装了它，请将其禁用

它们都优先于！重要属性。

所以：你有几个地方寻找到 *用户样式表 * Stylysh * Greasemonkey的 * anothes附加

其中一人必须迫使轮廓

Answer 4

我相信风格所有表单元素都存储在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;几乎肯定不会对场地周围的蓝光产生负面影响）来加速该过程。

Answer 5

我相信这是你在找什么：

input:focus { outline: none; } 

Answer 6

另一种选择，这需要所有的“光环”的照顾是这样的：

*:focus {outline: none;} 

我想你可以添加!important如果你愿意，但我还没有遇到需求呢。

Answer 7

:focus {outline:none;} 
::-moz-focus-inner {border:0;}