删除图像周围的链接边框

Question

对于 SP2010，如何从带有链接的图像中删除丑陋的蓝色边框？我尝试过添加 style="border:0" 在锚标签上但无济于事。谢谢。

Answer 1

您需要将样式应用于 IMG，而不是 HREF。

这将显示蓝色边框（至少在 IE 和 Firefox 中，Chrome 不会）

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png">
</a>

这些都不会，首先使用“旧样式”边框属性

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png" border="0">
</a>

接下来使用内联样式

<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png" style="border:none;">
</a>

并使用CSS去掉所有图像的边框

<style>
   a img {border:none}
</style>
<a href="http://sharepoint.stackexchange.com">
   <img src="http://cdn.sstatic.net/sharepoint/img/logo.png">
</a>

Answer 2

将内容编辑器webpart添加到受影响的页面中。编辑WebPart的HTML。粘贴以下文本：

<style>
   a img {border:none}
</style>

这将从页面上的链接中删除所有图像中的边界。

Answer 3

在SharePoint Designer中，右键单击图像的Web部件，然后选择图片属性，选择外观和将边框厚度更改为0，而蓝色边框消失。

Answer 4

您的样式错误的元素，您需要为链接进行样式。http://www.w3schools.com/css/css_pseudo_classes.asp

您可以使用IE开发人员工具，Firefox中的Firebug或Chrome Developer工具查看应用的样式。

良好的博客以保持书签：

http://blog.drisgill.com/

http://www.heathersolomon.com/blog/

Answer 5

单击站点操作（屏幕的左上角）转到：站点设置 - 外观和感觉 - 站点主题更改“遵循超链接”的选定颜色到白色（颜色代码为＃f8f8f8）单击应用。

Answer 6

我使用了以下代码，并且有效：

<img src="image.png" alt="Trust Pilot" border="0px" style="border:none!important; outline:none!important;">

边框是由轮廓属性创建的，只需确保您没有它。我希望这会帮助别人