CSS如何从图像链接中删除边框？

Question

这是场景：我有CSS声明

a { color: Red }

在IE浏览器中，如果我有：

<a href="...">
   <img src='...' />
</a>

然后当然我得到了图像周围的红色边框。如何摆脱它？

Answer 1

很简单：

a img {
    border: none;
}

这会将border元素中包含的任何img元素的a属性设置为none。

Answer 2

有时你会因为一个标签而得到一个红色边框和一个蓝色边框......我在旧的IE浏览器中注意到了这一点。试试这个

a,
a img {
    border:none;
}