画像リンクをクリックしたときに罫線が表示されます

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

あなたは誰にも負けないoutline css propertyを設定しようとすることができ、すべてのaとimg要素

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

Answer 2

追加これはあなたのCSSに

#hammer > a { 
    outline: 0; 
} 

Answer 3

のための：これがあなたを助けている場合

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

は今私をしてみましょう。