forms - フォントAwesomeの入力ボタン

Question

したがって、フォーム内にこのボタンがあります。

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

cssの他のアイコン機能と同じように機能するfontawesomeのアイコンを表示したい。

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

しかし、私はいくつかの方法を試しましたが、どれもうまくいきませんでした! ありがとう ！

Answer 1

入力を次のように変更する必要があるだけではありません。

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

CSSも一致する必要があります：

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

Answer 2

入力の代わりにボタンを使用してみましたか？

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