如何删除周围的DIV

Question

蓝色边框想检查哪些是我可以用它来去除匿名蓝色的轮廓

<div class="profile"> 
 

 
    <a href="" data-toggle="modal" data-target="#myModal" style="border-width:none;"> 
 
    <img class="img-circle" src="{{asset('images/user-profile1.jpg')}}" alt="mayor" style="border:5px solid #bfbfbf; "> 
 
    <div style="text-align:center;"> 
 
     <h3>john</h3> 
 
    </div> 
 
    </a> 
 
</div> 
 

 
<div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

这不是一个的方法边框，这是一个轮廓。它只出现在Google Chrome等特定浏览器上。您可以使用删除：对的jsfiddle

img{ outline: none; }