我正在使用此网站:http://amberdreams.com
这是一个非常简单的网站,我一直在使用netrenderer.com来确保所有网页都能在Internet Explorer中运行。
尽管我付出了最大努力,但在使用Internet Explorer 9查看时,我无法删除此网站主页上的facebook和twitter链接周围的蓝色边框。
img {border: none; }
a img {border: 0px; }
我尝试过以上代码的变体,并成功删除除了9之外的每个IE版本的蓝色边框。任何想法?
答案 0 :(得分:26)
在你的CSS中尝试这个,为我工作。
img {text-decoration: none; border: 0px}
答案 1 :(得分:3)
我认为应该没问题。
您可能想清除缓存并重试......
如果没有,请尝试:
a{border:none}
答案 2 :(得分:3)
请在您的css中尝试以下操作:
border-style:none;
那应该删除你的边界问题。
答案 3 :(得分:1)
链接边框的可见性取决于IE中的用户设置。设置A {text-decoration: none; border: 0px}
。
似乎您的视频对象未在IE中加载。
答案 4 :(得分:1)
以下是great post on removing outline,其中有关于IE9的单独评论:
George Langley写道,IE 9显然不允许你删除链接周围的虚线轮廓,除非你包含这个元标记:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
答案 5 :(得分:1)
//添加到您的CSS
* {-ms-box-sizing:border-box;}
img {outline-style: none;}
//添加到您的HTML
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
答案 6 :(得分:0)
在我的情况下,工作代码(由mailchimp生成并添加了'a'规则)是:
img,a img,a{
border:0;
height:auto;
outline:none;
text-decoration:none;
}
所以它是其他答案的假设
答案 7 :(得分:-2)
最好的方法是添加CSS属性
a:link, a:visited { text-decoration: none}
如果要在悬停鼠标时更改颜色,请添加
a:hover {color: x } // x = the color of your choice