How to remove blue border around div

prick

Would like to check what is the method I can use to remove the 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 the 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

Ionic Mica

It's not a border, it's an outline. It only shows up on some browsers like Google Chrome. You can delete using:

img{ outline: none; }

Related

How to remove blue border around div

prick Would like to check what is the method I can use to remove the 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-profile

How to remove blue border around div

prick Would like to check what is the method I can use to remove the 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-profile

How to remove blue border around div

prick Would like to check what is the method I can use to remove the 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-profile

How to remove blue border around div

prick Would like to check what is the method I can use to remove the 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-profile

remove white border around div

Joris I'm trying to create a page that detects if a mobile device is in portrait mode. The function seems to be working fine, but there is a problem with the layout. I always get a white border around my div tags, but can't seem to figure out where it comes fr

remove white border around div

Joris I'm trying to create a page that detects if a mobile device is in portrait mode. The function seems to be working fine, but there is a problem with the layout. I always get a white border around my div tags, but can't seem to figure out where it comes fr

How can I remove the border around each div?

ganhy99 I'm creating a sketch tool that allows the user to color "cells" after hovering over them. The problem I'm facing right now is that each cell has a white border around it, which I can't seem to remove. I've tried making border: none; border-style:none;

How to remove the image around the border

Edwin So I have a question. I used sprites for the first time and now borders appear around them, I tried setting border: none, but it didn't work. demo <div class="service"> <img href="image/icons.png" style="background-image:url('image/icons.png'); backgroun

How to remove border around BottomNavigationView

Octavyanti Pilia Elvina Palopi How can I remove the border in BottomNavigationView as shown below. My layout: bottom_nav_activity.xml <?xml version="1.0" encoding="utf-8"?> <androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.andr

How to remove the image around the border

Edwin So I have a question. I used sprites for the first time and now borders appear around them, I tried setting border: none, but it didn't work. demo <div class="service"> <img href="image/icons.png" style="background-image:url('image/icons.png'); backgroun

How to remove the blue border of a button in tkinter on macOS?

Mr. Code Master I want to remove the blue border of the button when the user clicks the button. When I use a normal tkinter button there is no blue border, I am using a tkmacosx button through which I can change its background color, but there is a blue border

How to remove the blue border between i tags

Arun Tyagi I have this HTML <div class="text-center" style="position: absolute;z-index: 9;bottom: 1%; width:100%; color:rgba(0, 0, 0, 0.51);font-size:50px;"> <i class="fa fa-plus-circle pointer" title="Zoom In" onclick="foyrPlayer.OnPanoramaButtonPressed('zoo

How to remove border around content editable emphasis?

Christopher: When I set the pre element as contenteditable and focus in it for editing, it receives a dashed border around it, which doesn't look great. When the focus is elsewhere, the border doesn't exist. How can I remove the border? thanks Marius: Set the

How can I remove the border around the toolbar?

Axl In my app I'm using the toolbar and it seems I want to get rid of the border around it: Then I create it like this: <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:bac

How to remove border around content editable emphasis?

Christopher: When I set the pre element as contenteditable and focus in it for editing, it receives a dashed border around it, which doesn't look great. When the focus is elsewhere, the border doesn't exist. How can I remove the border? thanks Marius: Set the

How to remove border around UICollectionView in iOS?

technology chain I have created one UICollectionViewin the project . This is custom UICollectionViewCell. When I run the app, it's on UICollectionViewCell. A black border appears around it . Please tell me how to remove borders around custom cells? Jenn UIColl

How can I remove the border around the toolbar?

Axl In my app I'm using the toolbar and it seems I want to get rid of the border around it: Then I create it like this: <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:bac

How to remove border around LineGraph in WPF?

Shubham Rokade How can I remove the border as shown in the picture? I'm trying to remove the border around the image and have tried some solutions BorderBrush="Transparent" BorderThickness="0"but they are not working. I just want to draw the graph in the windo

How to remove border around tinymce editor

username can someone help me Is it possible to remove borders from tinymce editor itself ? I wonder if this can be done with CSS. I've been googling and all I've found is removing borders from tables. Thanks in advance Taryama You can use the tinymce editor_cs

Strange border around arrow image, how to remove it?

principal fund I'm using slick sliders for our team carousel. There is a weird border around the arrow image to click on the next slide. I've tried removing all CSS that affects arrow images, google searches, stack overflow, etc. How can I remove this border?