Html 删除IE 10兼容性视图中的蓝色边框

如何删除或不显示每个带有图像的锚中的边框链接？顺便说一下，浏览器设置处于兼容模式。其他问题的答案不足以解决我的问题。我猜是因为它只适用于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>

以下是IE10的外观：

---

这个怎么样，试着添加这样的内容

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

---

我通常将此作为CSS中正常默认设置的一部分：

img {border: none;}

这不会对其他浏览器产生负面影响，如果您将其放在通用css文件的顶部（例如

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

---

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

我对IE10也有同样的问题。我刚刚为a标签设置了一个CSS规则，并将文本颜色设置为白色。这将删除锚图像周围的蓝线

您是否尝试将

border=“0”

或CSS

border:none

添加到

？它适用于IE的所有版本。是的，我已经提出了这些建议，但没有一个解决了我的问题（仅将其添加到

img

可能不够，请尝试在CSS中添加

img{border:none}

。您可能还必须通过添加

！important

来强调它。我已经在CSS中添加了这些

a{outline:none！important；}a img{outline:none！important；}img{border:0！important；}

。没有任何变化。这有问题吗？不正确的HTML。你混淆了HTML和CSS语法：

vavavom！工作起来很有魅力！谢谢@kyawagvin，不管怎样，我有点好奇IE10为什么会出现这种情况：(
img {border: none;}
img.some-class {border: 1px double blue}