在不使用'！important'声明的情况下覆盖firefox中的虚线轮廓？

Question

单击下拉菜单或链接等元素时，Firefox会显示虚线轮廓。我看到它作为基于键盘的导航（以及其他）的重要视觉指示器，但在我的情况下（新闻网站），导航栏中有如此多的链接，它使键盘导航， TAB ， TAB ， TAB ...，非常痛苦和不切实际（也就是说，为什么有人想在他们可以简单地使用鼠标改为？）等等，我想删除它。

---

编辑： 至于辅助功能...因为我使用类似ELEMENT:focus { border: 2px solid #359; }的菜单，text-decoration: underline;用于链接，我的网站也可以通过键盘访问。例如，多次按下标签时看起来像这样（称之为非预期的副作用！）：

---

经过搜索，我发现了a simple way to remove the outline：

:focus {
  outline: 0 !important;
}

::-moz-focus-inner {
  border: 0 !important;
}

编辑：这是在Twitter Bootstrap CSS之后加载的样式表的顶部添加的。

我需要使用!important声明，因为级联不起作用，即我尝试了这个并且它不起作用：

*:focus {
  outline: 0;
}

*::-moz-focus-inner {
  border: 0;
}

有没有办法通过级联来完成我的目标，而不必使用!important或定义特定元素（例如a:focus，button:focus ...）？

如果答案是否定的，那么Firefox是否有一组特定的元素？如果是这样，他们是什么？ （<a>肯定。）