添加PNG像引導按鈕像glyphicon

Question

我想用一個響應式PNG替換bootstrap按鈕中的glyphicon-user，有沒有辦法做到這一點？

#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

你可以把圖像作爲背景圖像上的「我」的標籤。見下面的示例。

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