[解決済み】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>
関連
-
[解決済み] Bootstrap 4-alphaでメディアブレークポイントを使用する
-
[解決済み] Bootstrap 4.1のbd-highlightとは何ですか?
-
[解決済み] Twitter Bootstrapのボタンを右寄せにするにはどうしたらいいですか?
-
[解決済み】CSSでFont Awesome アイコンを使用する
-
[解決済み】twitter bootstrap 2で送信ボタンにアイコンを追加する。
-
[解決済み] Twitter Bootstrap 3.0 どのように私は今 "バッジバッジ重要 "するのですか?
-
[解決済み】ボタンがLoading状態の時にスピナーアイコンを追加する方法は?
-
[解決済み] Twitter Bootstrapのホストバージョンはありますか?[クローズド]
-
[解決済み] Twitter Bootstrapのモーダルでエスケープキーを使って閉じる機能を有効にするにはどうしたらいいですか?
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap:Bootstrapのバージョンを識別する方法は?
-
[解決済み] Bootstrap 4-alphaでメディアブレークポイントを使用する
-
[解決済み] Bootstrap 4.1のbd-highlightとは何ですか?
-
[解決済み] Twitter Bootstrapのボタンを右寄せにするにはどうしたらいいですか?
-
[解決済み】Twitter bootstrapのモーダルバックドロップが消えない件
-
[解決済み】Bootstrapを使用したフォームのマークエラーについて
-
[解決済み】Bootstrap 3 ナンバーバーの折りたたみについて
-
[解決済み] Twitter ブートストラップ スクロール可能なテーブル
-
[解決済み] BootstrapとjQuery Validationプラグイン
-
[解決済み] Difference between <input type='submit' /> and <button type='submit'>text</button>