Html 在paypal代码中添加字体和paypal图标

我正在尝试查看是否可以在我的按钮上的使用paypal支付前面添加字体Aweasome paypal图标

与此页面上的购物车图标类似

然而，由于这个贝宝代码是特定于我的帐户，我不能让它工作到目前为止，任何帮助将不胜感激

多谢各位

---

Dean

将元素更改为按钮，然后将其设置为不同的样式，以匹配您输入的内容，这将起作用

<button class="btn-outline btn" type="submit" target="_blank"><i class="fa fa-paypal"></i>Pay With Paypal</button>

使用贝宝支付

理想情况下，使用

标记将是最好的，但与

输入一起应用类似的东西可以工作（根据需要调整值）：


输入{
高度：50px；
宽度：160px；
背景：无；
边框：4倍纯色灰色；
文本转换：大写；
位置：相对位置；
光标：指针；
文本缩进：20px；
}
.fa.fa-paypal{
位置：绝对位置；
线高：50px；
左：30px；
}

贝宝按钮是一个
元素，不允许包含其他元素（如
）。你最好的办法可能是制作一个PNG图标，并将其设置为按钮的背景图像，然后相应地定位。谢谢@dsadnick，你的答案非常简单，因为我有css，所以这是一个简单的解决方案……Thx@Syden你的答案非常接近上述答案，为了实现同样的目标，我还需要做更多的工作……我非常感谢您在这方面花费的时间和代码片段……非常感谢！！