在输入元素背景中设置图像无效

我试图在输入元素中设置图像,但图像没有显示。

html:

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

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