JSFiddle:http://jsfiddle.net/5xynmmqk/1/
HTML:
<button class="facebook">Reopen Task</button>
我想用解锁图标替换白色“矩形”(什么字体有解锁图标？)。我更想要一张图像，但不知道如何在那里添加图像。
我希望最终结果是:
我尝试了一些方法，但不太有效:http://jsfiddle.net/5xynmmqk/2/
最佳答案
这是一个locked lock : 🔒 您可以通过 🔒 和 🔒 获得。或者，您可以(可能应该)使用 Font Awesome lock在所有平台上看起来都一样。
这是一个unlocked lock : 🔓 您可以使用 🔒 或 🔓 获得。还有Font Awesome equivalent .
无论如何，如果您想使用图像(这将确保无论平台和字符支持如何，它始终看起来相同)，您可以使用 background-image:url(image-path-here. svg)。然后您只需使用 background-position 来正确定位它。
关于html - 如何添加图像来替换按钮中的字体象形图，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30630558/