入力要素の画像を背景に設定しない

Question

入力要素内に画像を設定しようとしていますが、画像が表示されません。

HTML：

<div class="col-md-12"> 
     <input class="form-control ccnumber" type="text" id="creditCardNo" 
      formControlName="creditCardNo"> 
    </div> 

はCSS：

.ccnumber { 
    background-image: url("creditcard.png"); 
    background-repeat: no-repeat; 
    background-position: left; 
    background-attachment: fixed; 
} 

Answer 1

イメージへのパスを確認してください。あなたのコードは正常に動作しています。ネットワークがロードされていない理由を確認してください。

.ccnumber { 
 
    background-image: url("https://www.w3schools.com/css/img_fjords.jpg"); 
 
    background-repeat: no-repeat; 
 
    background-position: left; 
 
    background-attachment: fixed; 
 
}

<div class="col-md-12"> 
 
    <input class="form-control ccnumber" type="text" id="creditCardNo" 
 
     formControlName="creditCardNo"> 
 
</div>