0

当单击下拉菜单或链接等元素时，Firefox 会显示一个虚线轮廓。我看到它作为基于键盘导航（以及其他）的重要视觉指示器，但在我的例子（新闻网站）中，导航栏中有很多链接，它会进行键盘导航TAB，,,, .. .，非常痛苦和不切实际（即，为什么有人想要多次按下一个键，而他们可以简单地使用鼠标来代替？）所以，我想删除它。TABTAB

编辑：至于可访问性......因为我正在使用类似ELEMENT:focus { border: 2px solid #359; }菜单、text-decoration: underline;链接等的东西。我的网站也可以通过键盘访问。例如，在多次按下 tab 时它看起来像这样（称之为意外的副作用！）：

键盘辅助功能 - 视觉指示器

搜索后，我发现了一种删除轮廓的简单方法：

: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>当然。）

4

0 回答 0