如何将fontello图标放入输入值？

Question

说我有这个代码:

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

但在文本"发送"后我想要一个fontello图标.显然这不起作用:

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

在我的fontello demo.html文件中,该图标的代码是0xe81c.是不是有把这个图标放在输入值？像HTML实体一样？

谢谢!

Answer 1

这应该工作:

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

有两个步骤:

1. 用于输出字符.你可以在fontello css文件中找到代码,有些像content:'\f001',只需要替换\f001- > .

2. 为此元素设置font-family.我icons在我的代码中使用,你应该检查css文件中的字体名称.

进一步的步骤:您可以自定义自己的类:
.myfont { font-family:icons; }

并且html将是:
<input type="submit" value="Send &#xf001;" class="myfont" />