Css 从图像链接中删除下划线

我有一个带有一个链接元素的大图片，我想从图片链接中删除下划线。我在Chrome工作，它在图像链接下显示突出显示，并声称css是由

用户代理样式表

引入的，我知道这是Chrome的默认css。

user-agent样式表将以下样式带到我的页面：

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}
如何删除此图像链接中的下划线？我尝试将我的链接和图像的id设置为
img link
，然后使用以下css定位该id，但没有成功：

<a id="img-link" href="/images/post_images/mapping_early_english_books/provincial_printing.png" data-lightbox="provincial_printing" data-title="My caption">
  <img id="img-link" src="/images/post_images/mapping_early_english_books/provincial_printing.png" alt="Provincial Printing" style="width:100%" /></a></p>

#img-link {
    text-decoration: none;
}


#img链路{
文字装饰：无；
}

任何其他人可以提供的帮助删除此下划线将不胜感激
 只需将border属性设置为零：

#img-link {
   text-decoration: none;
   border: 0 !important;
}

我不太确定，但你能试试这个吗：

#img-link {
  text-decoration: none !important;
}

我希望它能解决这个问题，不要给多个元素相同的ID值

如果您希望CSS也将ID为
img link
的元素中的
img
元素作为目标，请使用以下CSS

#img-link, #img-link img{
    text-decoration:none;
    border-width: 0px;
}

问题似乎来自css
中添加的下划线。内容a
，请尝试添加：

    border-bottom: none;

对于你的img链接css
在投票前，请检查真实的例子，并提出解决方案-将边界设置为零确实解决了这个问题，谢谢这是所有答案中唯一有效的。比所有相关问题的所有答案都好。应标记为正确答案。非常感谢！对不起，威廉，运气不好！谢谢@saurabhinghmehra这工作非常好！作为我以后的参考，为什么
边框
、
轮廓
、
边框宽度
和
轮廓宽度
会影响这里的链接？实际上主要的一个是文本装饰：无；但我用别人来完美地工作。仅从文本装饰：无；你也可以很容易地做到这一点。这实际上效果很好，所以对于否决我答案的人来说，下次你在评判之前检查答案时，我确信是同一个人否决了所有其他答案，所以下次不要着急，你既不是上帝，也不是一个重要的参考人，你有权在不测试别人答案的情况下判断别人的答案，我尊重这个社区，否则我的答案会有不同的表述，也会少很多礼貌。
    border-bottom: none;