如何在网络浏览器中删除图像旁边的框/箭头？答案

【问题标题】：How to remove box/arrow next to image in web browser?如何在网络浏览器中删除图像旁边的框/箭头？
【发布时间】：2013-04-30 12:51:37
【问题描述】：

如何摆脱网络浏览器中图片旁边的小框/箭头？什么控制它们何时出现和何时不出现？我正在将博客从 WordPress 移植到 BlogEngine.NET。那些小箭头不在 WordPress 博客中，但它们出现在 BlogEngine.NET 的帖子中。我在 Chrome 中查看两者。它们也会出现在 IE 和 Firefox 中，但不会出现在 Safari 中。

更新：

这里有一些实时链接（我在 Chrome 中查看）：

WordPress（无箭头）：http://www.inrixtraffic.com/blog/2012/neverlate-inrix-traffic-contest/

BlogEngine.NET（箭头）：http://www.inrix.com/traffic/blog/post/2012/06/18/NeverLate-INRIX-Traffic-Contest

【问题讨论】：

标签： image browser web

【解决方案1】：

这来自 CSS，特别是这个选择器：

div.post .text a[href^="http:"] {
    background: url(../../pics/remote.gif) right top no-repeat;
    padding-right: 10px;
    white-space: nowrap;
}

根据我的检查器（内置于 Chrome，右键单击，检查元素），它来自 http://www.inrix.com/traffic/blog/themes/Inrix/style.css，第 372 行。从该文件中删除“背景”行，或在以后的 css 文件中覆盖它，并且你会是金色的。

【讨论】：

完美！谢谢！（感谢您的右键单击->检查元素提示！）