1. ホーム
  2. twitter-bootstrap

[解決済み】Font-awesome、入力タイプ'submit'

2022-04-06 23:37:59

質問

font-awesomeには、入力タイプ「submit」に対応したクラスがないようです。ボタン入力にfont-awesomeの何らかのクラスを使用することは可能でしょうか?アプリケーションのすべてのボタン(実際には twitter-bootstrap のクラス 'btn' とリンクしています)にアイコンを追加しましたが、'input type submit' にアイコンを追加することができません。

または、このコードを使用する方法。

input#image-button{
    background: #ccc url('icon.png') no-repeat top left;
    padding-left: 16px;
    height: 16px;
}

htmlを使用します。

<input type="submit" id="image-button">Text</input>

(から取ったもの)。 HTMLです。テキスト+画像入りの送信ボタンを作るには? )をfont-awesomeで使うか?

解決するには?

inputの代わりにbutton type="submit"を使用します。

<button type="submit" class="btn btn-success">
    <i class="fa fa-arrow-circle-right fa-lg"></i> Next
</button>

Font Awesome 3.2.0を使用する場合

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