CODEWITHSUNDEEP
formsinputicons
André Lucas
André Lucas

Reputation: 1838

input button with font Awesome

So, I have this button inside a form:

<input type="submit" value="Entrar" />

and I want it to display ths fontawesome's icon, which works like any other icon feature in css.

<i class="icon-circle-arrow-right icon-large"></i>

but I've tried a few ways and none worked! Thanks !

Upvotes: 1

Views: 8735

Answers (2)

Andr&#233; Lucas
Andr&#233; Lucas

Reputation: 1838

Not only the input must be changed to as:

<button type="submit">
   <i class="icon-circle-arrow-right icon-large"></i>
</button>

but also the css should match:

form button {
padding-top:10px;
background-color:transparent;
border:none;
font-size:30px;
float:right;
color:#333333;
}

Upvotes: 5

Michael
Michael

Reputation: 121

Have you tried using a button instead of an input?

<button type="submit">
    <i class="icon-circle-arrow-right icon-large"></i> 
    Entrar
</button>

Upvotes: 2

Related Questions