如何在 Firefox 13 中删除焦点轮廓答案

【问题标题】：How to remove focus outlines in firefox 13如何在 Firefox 13 中删除焦点轮廓
【发布时间】：2012-07-23 00:49:41
【问题描述】：

这闻起来像复制品，但事实并非如此。我试过这个：

input:focus {
   outline: none;
}

它在 Firefox 13 中不起作用。请参阅：

Firebug 让我猜测这里应用了我需要覆盖的默认值。明确一点：我想完全摆脱蓝色轮廓。

附：请不要就可访问性对我进行威胁。我这样做是为了可访问性。具有浅蓝色背景的设计页面，并且浏览器默认的轮廓颜色不会在视觉上显示出来。

【问题讨论】：

我没有看到任何轮廓......只有你放在上面的阴影。
你的意思是：jsfiddle.net/mDQzG/3
@Jared。是的。现在我看到了。为什么 jsfiddle 会添加自己的“系统”样式？我敢肯定他们有他们的理由，但是，伙计……写下这个作为答案，我会接受的。
“我这样做是为了无障碍”，那么您将如何增强无障碍？
@Ryan。好吧，我将使用边框和框阴影的组合使焦点状态可见。默认的蓝色焦点颜色在我的背景上实际上是不可见的，而我对亮橙色outline 的尝试以一种奇怪的方式混合在一起，将轮廓变成了深泥色。似乎没有办法控制轮廓不透明度。这里有一大堆小的渲染错误，我正在尝试浏览。任何关于如何处理这个问题的想法都将非常受欢迎。

【解决方案1】：

这是你的答案jsfiddle.net/mDQzG/3

【讨论】：

【解决方案2】：

解决方案

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

【讨论】：