如何刪除周圍的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; }