• RSS

[CSS]<input type=submit>にFontAwesomeのアイコンを表示する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

フォームのサブミットボタンである<input type=”submit”>に、FontAwesomeの虫眼鏡アイコンのフォントを使う方法のご紹介です。

FontAwesomeのアイコンフォントの表示例

CSSでinput[type=submit]にfont-family:FontAwesomeを指定した上で、


<input type=”submit”>のvalueの値にFontAwesomeの文字コードを指定します。

文字コードについてはFontAwesomeのページのUnicodeで確認することができます。
※虫眼鏡アイコンでしたら、f002などになります。
input type=submit にFontAwesomeのアイコンを表示する方法

以下のようなボタンで表示されます。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください