如何添加图像以替换按钮中的字体象形图

Question

JSFiddle：http://jsfiddle.net/5xynmmqk/1/

HTML：

<button class="facebook">Reopen Task</button>

我想更换白色＆＃34;矩形＆＃34;要用解锁图标替换（解锁图标是什么字体？）。我会优先想要一张图片，但不知道如何在那里添加图片。

我希望最终结果是：

我尝试了一些东西，但没有成功：http://jsfiddle.net/5xynmmqk/2/

Answer 1

这里有locked lock：您可以使用+ 4和🔒获得该Font Awesome lock。或者，您可以（可能应该）使用在所有平台上看起来相同的unlocked lock。

这是Font Awesome equivalent：您可以使用🔒或🔒再次获得。还有{{3}}。

无论如何，如果你想使用一个图像（这将确保无论平台和角色支持如何，它总是看起来一样），你可以使用🔓。然后，您只需使用background-image:url(image-path-here.svg)正确定位。