2

このコードがあるとします：

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

しかし、「送信」というテキストの後に、フォンテッロのアイコンが必要です。明らかにこれは機能しません:

<input type="submit" value="Send <i class='icon-right-circle'></i>" />

私の fontello demo.htmlファイルでは、そのアイコンのコードは0xe81c. このアイコンを入力値に入れる方法はありませんか？HTMLエンティティか何かのように？

ありがとう！

4

2 に答える 2

10

これはうまくいくはずです：

<input type="submit" value="Send &#xf001;" style="font-family:icons" />

次の 2 つの手順があります。

  1. &#xf001;文字を出力するために使用します。fontello css ファイルでコードを見つけることがcontent:'\f001'でき\f001ます&#xf001;。

  2. この要素の font-family を設定します。私iconsは自分のコードで使用しています.cssファイルでフォント名を確認する必要があります.

さらなるステップ: 独自のクラスをカスタマイズできます:
.myfont { font-family:icons; }

html は次のようになります。
<input type="submit" value="Send &#xf001;" class="myfont" />

于 2014-08-26T16:19:36.347 に答える