html - How to remove blue border around the div -


this question has answer here:

would check approaches can use remove anonymous blue outline

<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 modal.</p>        </div>        <div class="modal-footer">          <button type="button" class="btn btn-default" data-dismiss="modal">close</button>        </div>      </div>    </div>  </div>

enter image description here

it's not border, it's outline. appears on browsers google chrome. can remove using:

img{ outline: none; } 

Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -