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">×</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>
it's not border, it's outline. appears on browsers google chrome. can remove using:
img{ outline: none; }
Comments
Post a Comment