如何去掉链接图像周围的框

Question

我知道我以前解决过这个问题，但我不记得或找不到解决方案，所以我在这里......

在 Firefox 3.5 中，此代码会导致图像周围出现不受欢迎的蓝色边框。如何去掉这个蓝色边框？

<a style="text-decoration: none;" href="index.html">
    <img src="http://www.google.com/logos/stpatricksday10-hp.gif" />
</a>

http://jsbin.com/umuzo3

Answer 1

a img { border: none; }

应该可以解决问题（在 IE6 中有效）。

Answer 2

尝试将图像边框设置为 0 像素。