title: Remove border and background when an image is inserted
body: <p>I developed an image input. My problem is that I can't remove borders and background-color when an image is inserted.</p>
  
  <p>Does anyone know how I can remove this. Is it possible to make the image occupy the area 100% without distorting it?</p>
  
  <p>Thanks</p>
  
  <p><a href="https://stackblitz.com/edit/angular-mmvgye?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">Demo</a></p>
  
  <p><strong>code</strong></p>
  
  <pre><code>&lt;div class="col-md-6" style="height:700px"&gt;
          &lt;div style="height: 80%;"&gt;
            &lt;div class="container" appDnd (fileDropped)="onFileDropped($event)"&gt;
              &lt;input accept="image/*" type="file" #fileDropRef id="fileDropRef" multiple (change)="fileBrowseHandler($event.target.files)" /&gt;
              &lt;div class="abc" *ngIf="imageUrl"&gt;
                &lt;img [src]="imageUrl" class="img-responsive drag" style="border-radius: 8px; object-fit: fill;"&gt;
              &lt;/div&gt;
            &lt;/div&gt;     
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p><strong>Problem</strong></p>
  
  <p><a href="https://i.stack.imgur.com/PJIrs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PJIrs.png" alt="Image"></a></p>