html - 如何将 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. 为此元素设置字体系列。我用 icons在我的代码中，您应该检查 css 文件中的字体名称。

---

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


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