无法从 Firefox 3.5.3 中的 a:active 中删除轮廓

Posted 2023-03-06

【中文标题】无法从 Firefox 3.5.3 中的 a:active 中删除轮廓

【英文标题】：Can't remove outline from a:active in Firefox 3.5.3

【发布时间】：2010-12-11 10:33:54

【问题描述】：

我试图阻止 Firefox 在单击或关注链接时添加大纲（a:active）。

我不想去掉 a:focus 上的轮廓，因为我们都知道，这对于只使用键盘的用户来说是个麻烦事。

理论上，以下应该可行：

a:active  outline: 0; 

但它在 Firefox 3.5.3 中完全没有任何作用

唯一有效的是：

a:focus  outline: 0; 

但如上所述，出于可访问性的原因，这并不好。

有没有什么办法只在点击链接时删除轮廓？我担心的是，当您单击链接时，实际上是在聚焦它，并且应用的是聚焦样式，但聚焦和单击实际上应该是两个独立的事件。

【参考方案1】：

给你。

http://sonspring.com/journal/removing-dotted-links

或者试试这个。

http://www.elctech.com/snippets/css-remove-dotted-outline-border-from-active-links

【讨论】：

该代码对当前版本的 Firefox 没有影响。在此处查看演示：benbodien.info/code/linktest.html

第二个链接上的 cmets 中的这个链接有答案。 haslayout.net/css-tuts/Removing-Dotted-Border-on-Clicked-Links 当你点击一个链接时，你不能阻止大纲出现而不从:focus 中删除它，因为当你点击时，你也:focus。除非你使用一些 javascript。

【参考方案2】：

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