Question

我试图看看我是否可以在我的按钮上的 PAY WITH PAYPAL 前添加字体真棒paypal图标<i class="fa fa-paypal" ></i>。

http://dagrafixdesigns.com/2019/industrial-darker/graphics.html

就像在此页面上使用购物车图标<i class="fa fa-shopping-cart"></i>.

完成的一样

http://dagrafixdesigns.com/2017/industrial-darker/shop-details.html

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

谢谢迪安

Answer 1

将元素更改为按钮，然后将其设置为不同，以匹配您在输入上的内容。

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

Answer 2

理想情况下，使用<button>代码最好，但应用input之类的内容可能会有效（根据需要调整值）：

input {
	height: 50px;
	width: 160px;
	background: none;
	border: 4px solid gray;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	text-indent: 20px;
}

.fa.fa-paypal {
	position: absolute;
	line-height: 50px;
	left: 30px;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<i class="fa fa-paypal" id="botonsearch"></i>
<input type="button" value="pay with paypal" />

添加字体awesome paypal图标到贝宝代码

2 个答案: