2016-12-22 4 views
3

私はのペイパルでを支払う前に、すばらしいペンパルのアイコン<i class="fa fa-paypal" ></i>を追加することができますか?多くpaypalのコードにawesome paypalのアイコンを追加

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

このPayPalコードはアカウントに固有のものですので、私はそれがこれまで仕事を得るカントしかし<i class="fa fa-shopping-cart"></i>.

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

ショッピングカートのアイコンで、このページで行われますように、どんな助けも高く評価されます。

はありがとう ディーン

+1

のPayPalボタンは ' '要素(これには ''など)を含めることはできません。あなたの最善の策は、PNGアイコンを作成し、それをボタンの '背景画像 'として設定し、それに応じて配置することです。 –

答えて

3

がボタンに要素を変更し、それは別のあなたがうまくいく、あなたの入力に持っていたものと一致するようにスタイリング。

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

ありがとう@dsadnick、あなたの答えは、私は場所にCSSを持っていたので、非常に簡単だったので、それは簡単な修正でした.... –

2

理想的には(必要に応じて値を調整)仕事ができるこのようなinput何かを最善になり<button>タグを使用しますが、適用される:

input { 
 
\t height: 50px; 
 
\t width: 160px; 
 
\t background: none; 
 
\t border: 4px solid gray; 
 
\t text-transform: uppercase; 
 
\t position: relative; 
 
\t cursor: pointer; 
 
\t text-indent: 20px; 
 
} 
 

 
.fa.fa-paypal { 
 
\t position: absolute; 
 
\t line-height: 50px; 
 
\t 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" />

+1

Thx @Sydenあなたの答えは本当に上記の答えに近かった、ちょうど私の同じ目標を達成するための最後...これとコードスニペットにあなたの時間を感謝します...巨大なありがとう! –

関連する問題