如何摆脱 Firefox 中用作链接的边框和图像？

我认为奇怪的问题更多的是我不确定它叫什么。但我有一个包含在链接中的 img

example

...<li>
  <a href="#link">
    <img ...>
  </a>
 </li> .....

Now I have the css border rules all to 0. So their is no Blue border. But in Firefox their seems to be a pink mini dashed border only when I click on the image? In other browsers there is no border at any time. Im not sure if its from the browser itself or something I am missing. In my css I have border set to 0 on the a,:hover,:visited I even put text-decoration to none thinking that might help. But to know avail. I tried searching online for help but all I get is info on removing the border caused from placing the image in the link. So any help or a point in the right direction would be great. ! edit// I added a picture to better explain what I am talking about.

Links (<a>的）默认情况下，当它们变得“活跃”或“集中”时，它们周围有一个虚线轮廓。在 Firefox 3 中，颜色由文本颜色决定

要删除它，只需使用：

a {
    outline: none;
}

或者你可以做我所做的，并将其从所有元素中删除（我使用我自己的焦点/活动规则）并执行

* {
    outline: none;
}

这将从所有元素中删除它。