像glyphicon一样在bootstrap按钮中添加png

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

您可以将图像作为背景图像放在“i”标签上。见下面的示例。

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