html - 单击图像链接时显示边框

Question

我有一个页面，当点击图片时，图片周围会显示一个边框，同时图片是一个链接，为什么会这样？它只是在单击图像时发生。这是我的代码:

<div id="hammer">
      <a asp-action="myaction" asp-controller="mycontroller" class="col-xs-6"> <img src="~/images/online_keyboard_news.jpg" class="highlight" width="100%" height="auto" /> firstimage</a> 
        <a asp-action="myaction2" asp-controller="mycontroller2" class="col-xs-6"> <img src="~/images/document-428336_960_720.jpg" class="highlight" width="100%" height="auto" /> secondimage</a>
        </div>
        <br />

这是我正在使用的 css 类:

#hammer {
        font-size: 18pt;       
        margin: 15px 0 0 0;
        text-align: center;
    }

这是单击图像时发生的情况:

Answer 1

为所有a 和img 元素添加outline:none;

#hammer a, #hammer a img{
  outline:none !important;
}