[asp.net-mvc]边界显示时单击图像链接

发布时间: 2017/2/21 1:02:11
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一个页面和图像单击时在这片刻边框显示在图像周围,同时图像是一个链接,为什么是这种情况发生吗?它只是发生时单击的图像。 这是我的代码︰

<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;
    }

这是我发生什么事,只是在单击图像时︰enter image description here

解决方法 1:

添加 outline:none; 所有 aimg 的元素

#hammer a, #hammer a img{
  outline:none !important;
}
官方微信
官方QQ群
31647020