如何删除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。您可以使用以下方法将其删除：

img{ outline: none; }