Fügen Sie font awesome paypal icon zu paypal code

Question

Ich versuche zu sehen, ob ich die font awesome paypal icon <i class="fa fa-paypal" ></i> vor der PAY MIT PAYPAL auf meinem Button hinzufügen kann.

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

ähnlich wie es auf dieser Seite mit dem Warenkorb-Symbol <i class="fa fa-shopping-cart"></i>.

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

Allerdings ist spezifisch, da dieser paypal Code auf mein Konto getan wird Ich kann es nicht so weit kommen zu arbeiten Jede Hilfe wäre willkommen.

Danke Dean

Answer 1

auf eine Taste, um das Element ändern und dann Styling es anders, was Sie passen musste auf Ihrer Eingabe funktionieren würde.

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

Answer 2

Idealer <button>-Tag am besten wäre, aber angewandt mit einem input so etwas wie dies funktionieren könnte (Werte wie gewünscht einstellen):

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" />