title: Embedding image in input field
body: <p>I want to embed an image within an input field. I am using z-index but this is not working.</p>
  
  <p>The markup looks like this:</p>
  
  <pre><code>&lt;input class="form-control" type="text" id="cardNumber" name="cardNumber" 
    [(ngModel)]="payment.cardNumber" #cardNumber="ngModel" required&gt;
  
    &lt;img src="..\assets\images\csc.jpg" id="inputImage"&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>#inputImage {
     height: 30px;
     width: 30px;
     position: absolute;
     /* left: 0px;
     right: 0px; */
     z-index: 1;
  }
  </code></pre>