グリフコンのようなブートストラップボタンにpngを追加

Question

ブートストラップボタンのglyphicon-userを反応的なpngに置き換えたいのですが、これを行う方法はありますか？

#SignUp-btn{ 
width: 100% !important; 
height: 45% !important; 
font-size: 20px; 
background-color: #262262; 
border-color: #262262; 
} 

<div class="col-sm-6"> 
<a href="SignUp" class="btn btn-sq-lg btn-primary" id="SignUp-btn"> 
<i class="glyphicon glyphicon-user fa-5x"></i> 
<br><b> Sign Up</b> 
</a> 
</div> 

See Attached

Answer 1

あなたは "i" のタグに背景画像として画像を置くことができます。以下のサンプルを参照してください。

#SignUp-btn + i { 
     background-image: url(image.png); 
     text-indent: -9999999999px; 
     height: 15px; 
     width: 15px; 
    }