在IE 10兼容性视图中删除蓝色边框 [英] Remove Blue border in IE 10 Compatibility View

问题描述

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

How can I remove or just don't display the border links in every anchor with image? By the way, browser settings is in compatibility mode. Answers from other question doesn't suffice to solve my problem. I guess because it only applies with lower version of IE.

编辑：

我目前正在创建一个自定义共享按钮，我的客户需要我。

I'm currently creating a Custom share buttons where my client requires me.

<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的外观：

Here's what it looks like with IE10:

推荐答案

如何做，尝试添加类似这样

how about this, try to add something like this

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

这篇关于在IE 10兼容性视图中删除蓝色边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！