在IE 10兼容性视图中去除蓝色边框

Question

我该如何移除或不显示每个带有图像的锚点中的边框链接？ 顺便说一下，浏览器设置处于兼容模式。其他问题的答案不能解决我的问题。 我猜想是因为它只适用于较低版本的IE。

编辑：我正在创建一个自定义共享按钮，我的客户要求我这样做。

<div>
    <a onClick="window.open('https://twitter.com/intent/tweet?original_referer=#shareLink#&text=#shareTitle#&tw_p=tweetbutton&url=#shareLink#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/Twitter_Tweet.png" />
    </a>
</div>
<div>
    <a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=#shareTitle#&amp;p[summary]=#shareDesc#&amp;p[url]=#shareLink#&amp;p[images][0]=images/Telos.jpg','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/FaceBook_Share.png">
    </a>
</div>

<div>
    <a onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=#shareLink#&title=#shareTitle#&summary=#shareDesc#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/LinkedIn_Share.png">
    </a>
</div>      

<div>
    <a onClick="window.open('https://plus.google.com/share?url=#shareLink#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)">
        <img height="20" src="/images/chicklets/Google_PlusOne.png">
    </a>
</div>

CSS:

a {
    outline : none;
    text-decoration: none;
}
a img {
    outline : none;
}
img {
    border : 0;
    border-style: none;
}
div {
    float: left;
    padding-right: 10px;
}

这是在IE10下的效果图：

- roybalderama

---

仅仅将其添加到“img”可能不足够，请在您的CSS中尝试“a img {border: none}”。您还可以通过添加“！important”来强调它。 - Yuriy Galanter

你能展示一下你的图像标签代码吗？ - Raptor

错误的HTML。您混淆了HTML和CSS语法：<img height="20px"。如果我是您，我会使用Fiddler或类似工具检查CSS，以找出是谁给了您边框。 - Raptor

我已经检查过了并更新了我的问题。谢谢您的关注。 - roybalderama

@YuriyGalanter 我知道。只是想指出高度属性不应该使用 px 作为单位。 - Raptor

Answer 1

如何添加类似于这样的内容？尝试如下操作：

<img src="blah" style="border-style:none;">

- kyawagwin

---

哇塞！运行得非常好！感谢@kyawagvin，不过我有点好奇为什么IE10会出现那种情况:( - roybalderama

Answer 2

通常我在CSS中的默认设置中使用这个：

img {border: none;}

这不会对其他浏览器产生负面影响，并且如果您将其放置在通用 CSS 文件的顶部，稍后可以轻松地覆盖它。

img {border: none;}
img.some-class {border: 1px double blue}

当增加特定性时，它会给你的图像添加一个丑陋的边框，就像IE喜欢做的那样。

- David Barnett

Answer 3

我在使用IE10时遇到了完全相同的问题。我刚刚为a标签设置了CSS规则，并将文本颜色设置为白色。这将从锚点图像周围删除蓝色线条。

- user3166836